Hi, I'm John Blake.

Welcome to my UIKit!

This is my personal component library, bundled with rollup and packaged privately via github packages and npm. You may spot some of these components on the wild in my portfolio site or some of my other projects. This approach of developing components in isolation and using them in other projects mirrors the approach of many businesses, buidling UIs with a component-driven process starting with atomic components and ending with pages. This approach makes it easy to develop and preview hard-to-reach states. These UI states are saved as stories which can be visited during development, testing, or QA.

Browse components by navigating to them in the sidebar. View their code in the src/stories directory to learn how they work.

Presets for popular toolsEasy setup for TypeScript, SCSS and more.Build configurationHow to customize webpack and BabelStylingHow to load and configure CSS librariesDataProviders and mocking for data libraries

Storybook documentationConfigure, customize, and extendIn-depth guidesBest practices from leading teamsGitHub projectView the source and add issuesDiscord chatChat with maintainers and the community