Figma

Chakra UI Figma Kit

Created by Chakra UI

PreviewGet a copy
Chakra UI Figma Kit

The official Chakra UI Figma Kit ⚡️

Get access to simple, modular and accessible components you need to design and build your applications.

What's Included

  • Extensive styles for typography, color and effects
  • Component variants including size and state, now also with interactions
  • Dynamic layers powered by Auto Layout
  • Implicit pixel grid sizes and spacing

Components

  • Data Display:  Badge, Close Button, Kbd, Stat, Table, Tag
  • Feedback:  Alert, Toast, Progress
  • Forms:  Button, Circular Progress, Checkbox, Form Control, Icon Button, Input, Number Input, Radio, Select, Slider, Switch, Textarea
  • Media and Icons:  Avatar, Icon (Remix Icon)
  • Navigation: Tabs
  • Overlay: Alert Dialog, Dialog

All components are open source and available for production-level React applications. Learn more in our documentation.

highlights

    ComponentsDesign SystemOfficial

Support

Contact creator

Join as a creator today

Sign up now and become a successful creator. Let us help you turn your passion into profit.

Marketplace

New arrivals

View all products

Figma

UIKit Pro

$99

Wagmic

Templates

Wagmic

$49

Black & White

Themes

Black & White

$29

Blueberry

Themes

Blueberry

$29

Join our newsletter

Don't miss any more news and subscribe to our newsletter today.


© 2024 Chakra UI Pro. All rights reserved.