Chakra Figma UI Kit for Figma and Adobe XD

Chakra Figma UI Kit - Freebies for Figma and Adobe XD

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.

This freebie Chakra Figma UI Kit was originally shared by Javier Alaves on this url.

The categories for this freebie are Uncategorized. Tools used to create this freebie are Figma and Adobe XD.

Helpful hint: If the license is unknown, it is usually because they forgot to mention it explicitly; not because they were being stingy. Before using it for a commerical project, you can ask Javier Alaves nicely and they will probably allow you to use it.

Chakra Figma UI Kit is a free Figma template. We really hope you will enjoy this free Figma template. Adobe XD version for this template is also available.

If you are a Figma user, this free Figma template will be helpful to kickstart your project.