Accessible React components to copy, customize, and make your own.
Installs all 84 components. Without our CLI, run instead.
Intent UI publishes a shadcn registry at intentui.com, with 84 components installable through the shadcn CLI.
Copy a prompt for your agent, copy the install command, or open the docs that ship it.
area-chart
auth-01
auth-02
auth-03
breadcrumbs
button-group
chart-01
chart-02
chart-03
color-picker
color-swatch
color-swatch-picker
color-thumb
color-wheel
combo-box
command-menu
date-field
date-range-picker
description-list
dropdown
drop-zone
grid-list
line-chart
link
menu
meter
multiple-select
native-select
navbar
navbar-01
navbar-02
navbar-03
navbar-04
navbar-05
note
number-field
preview
range-calendar
show-more
sidebar-01
sidebar-02
sidebar-03
sidebar-04
sidebar-05
sidebar-06
sidebar-07
sidebar-08
sidebar-09
sidebar-12
sidebar-15
sidebar-16
sidebar-17
sidebar-19
snippet
text
toolbar
tracker
tree
Intent UI is a chill set of React components, built on top of React Aria Components, all about keeping the web accessible. Easy to customize and just copy & paste into your React projects. Plus, it includes Tailwind CSS for sleek styling right out of the box.
Swing by intentui.com to peep the docs and get the lowdown on getting started!
Official component, premium design, and v3-to-v4 migration workflows are in skills/. Install them with npx skills add irsyadadl/intentui.
Design pages faster than ever with design..
Your support helps fund ongoing development, maintenance, and new components. I will sponsor now
Make sure to check out the contributing guide, and join our awesome list of contributors. We can't wait to see what you bring to the table!
Licensed under the MIT license, so feel free to tweak, share, and remix as long as you give the proper shout-out!
The packages and primitives its components pull in, counted across the registry.
Every appearance and removal our crawl has seen in the registry index.
Intent UI is a component library on 21st.dev by Intent UI with 25 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.
