fibo
- Role
- Designer and engineer
- Type
- Open source design system
- Design Systems
- Design Tokens
- React
- Base UI
- Tailwind CSS
- Storybook
- shadcn/ui
- Figma
- Components across the standard and niche shelves
- Command to install any part as source
An achromatic design system for experimental projects. Standard parts and a shelf of playful niche components, documented in Storybook and installed from a shadcn registry as source you own.
Problem
Experimental projects keep needing the same standard parts, plus one or two strange ones that no library ships. Rebuilding both every time is slow, and pulling in a heavy dependency means the parts stop belonging to the project.
Task
Build a small design system that installs as source, keeps color for meaning only, and gives the odd, specific components a proper home next to the standard ones.
fibo lives at fibo.toribryan.com, where the Storybook documents every part and the registry serves it. The source is on GitHub under the MIT license.