Chakra UI‘s official Figma components library, with simple, modular and accessible components that give you the building blocks you need to design and build your React applications.
What’s Included
- Extensive styles for typography, color and effects
- Component variants including size and state, now also with interactions (beta)
- Dynamic layers powered by Auto Layout
- Experimental components, styled with Chakra UI
- Implicit pixel grid sizes and spacing
Components
- Data Display: Badge, Close Button, Kbd, Stat, Table, Tag
- Feedback: Alert, Toast
- Forms: Button, Checkbox, Form Control, Icon Button, Input, Radio, Select, Switch, Textarea
- Media and Icons: Avatar, Icon (Remix Icon)
- Navigation: Tabs
- Overlay: Alert Dialog
All components are open source and available for production-level React applications. Learn more in our documentation.
Feedback
If you have any requests or bugs you’d like to report related to this UI Kit, please drop a comment in this Figma Community file page and we’ll address it as soon as possible.
Terms of use
Available for use across personal and commercial projects. Distributing, reselling or sublicensing Chakra UI is prohibited.
