The design system for Outfit

Outkit is the React component library behind Outfit's products. It extends Chakra UI with our theme, our components and the rules for using them.

Getting started

For documentation on setting up Outkit locally, please refer to the getting started guide .


Components

For documentation on all of the components, please see the components section of this website.


Storybook

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

View Outkit stories


Playroom

Playroom allows you to create a zero-install code-oriented design environment, built into a standalone bundle that can be deployed alongside your existing design system documentation.

View Outkit in Playroom