Build your next UI withFeather.UI
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
$ npm install feather-uiFeatures that elevate your UI
This isn't just another component library. It's a collection of principles that help you build better design systems with less effort and more consistency.
Open Code
The top layer of your component code is open for modification.
Composition
Every component uses a common, composable interface, making them predictable.
Distribution
A flat-file schema and command-line tool make it easy to distribute components.
Beautiful Defaults
Carefully chosen default styles, so you get great design out-of-the-box.
AI-Ready
Open code for LLMs to read, understand, and improve.
Customizable
Tailor components to match your brand and design system.
Component Examples
Interactive examples showcasing the versatility and flexibility of our component library. See what you can build with Feather UI.
Button Variants
A collection of button styles for different contexts and needs.
<Button variant="default">Default</Button>More UI Components
Alert Component
Contextual feedback messages for user actions
Information
Error
Dialog Component
Modal windows for focused interactions
Badge Component
Compact labels for status and metadata
Want to explore more examples?
View All ExamplesContributors
Thanks to all the amazing people who have contributed to this project.
Start building beautiful UI today
Join thousands of developers who are already creating stunning interfaces with Feather UI. Our components are designed to make your development workflow faster and more enjoyable.
50+ customizable components
Built with accessibility in mind
Open source and community-driven
Join our newsletter
Stay updated with the latest components, features, and news.