node package manager


Resin Components

Build Status

A collection of UI components, built using React, recompose, styled-components and styled-system.


You can import react components directly into your project:

import React from 'react';
import { Button, Box } from 'resin-components';
const Example = () => {
  return (
    <Box my={3} className="example-button-wrapper">
      <Button primary emphasized>Click me</Button>
export default Example;


Wrap your application in the <Provider> component so that child components can correctly inherit the resin theme. You can optionally provide your own theme.

Styled system

All components support styled-system attributes, allowing you to use fontSize, color, px etc.

UI Components

For an interactive demo of all components, see


Clone this repository and then run:

npm install

The interactive storybook can be launched by running:

npm run storybook

Code is automatically linted and formatted by Husky as a pre-commit hook.

The interactive storybook can be published by running:

npm run publish-storybook


npm test