Home Blocks AI tools Figma Pricing

FAQ Blogs Contact us About us

Sign In Get the Figma

Free componentsFREE BlocksPRO Code library + MCPSOON Figma filePRO

Getting started

What's available

Foundations

Guides

Components

Button Link Button Ghost Button Fancy Button Compact Button Button Group

Displaying Data

Avatars Avatar Group Avatar Compact Group Badges Tag Fancy Tag Data Table Content Label Content Divider KBD Line Progress Bar Circular Progress Bar Rating

Alert & Notification Tooltip Banner

Checkbox Radio Color Picker Date Picker OTP Input File Upload Hint Input Label Dropdown Slider Switch Text Area

Accordion Breadcrumb Segmented Control Tab Menu Horizontal Tab Menu Vertical

Dot Stepper Pagination Navbar

Command Menu Modal Popover

Color Picker

Change any property and watch the Color Picker follow.

Overview Playground Accessibility

Stops

Hex

Recently Used

Style

Fill type

Pill

PreviousRadio NextDate Picker

Documentation

On this page

Free componentsFREE BlocksPRO Code library + MCPSOON Figma filePRO

Getting started

What's available

Foundations

Guides

Components

Button Link Button Ghost Button Fancy Button Compact Button Button Group

Displaying Data

Avatars Avatar Group Avatar Compact Group Badges Tag Fancy Tag Data Table Content Label Content Divider KBD Line Progress Bar Circular Progress Bar Rating

Alert & Notification Tooltip Banner

Checkbox Radio Color Picker Date Picker OTP Input File Upload Hint Input Label Dropdown Slider Switch Text Area

Accordion Breadcrumb Segmented Control Tab Menu Horizontal Tab Menu Vertical

Dot Stepper Pagination Navbar

Command Menu Modal Popover