Inspiration
This project was inspired by a desire to create, a personal need for a UI library that didn’t require JS or specific frameworks, and a fasciantion with all aspects of web design.
During the design process, multiple existing works inspired me to improve what I was building, and I’d like to take a moment to shout those out here:
- The Component Gallery was a helpful resource when deciding which components to implement and helped me discover reference implementations (and design systems).
- Button organization guidelines from HashiCorp’s Helios Design System helped inform how I designed the button layout for Modal.
- GitHub had a clean sidebar layout implementation that inspired mine.
- Geist and shadcn/ui are both doing a lot of things right, and were sources of visual inspiration
- Oat has a great minimalist approach and was written with similar goals.
- Utopia provided a pattern for fluid scaling in place of fixed breakpoints. In general, I don’t like the user experience of a breakpoint-heavy design (for example, it irritates me when text sizes jump around as I resize a window). Therefore, I used this pattern for font size and spacing tokens, and used breakpoints only where necessary.