sh4dcnv2 · atlas
← libraries

@intentui

A large, fully accessible open-source React component library built on React Aria (Adobe) rather than Radix, offering 565+ registry items including an extensive primitive set, 10+ color themes, and categories: Buttons (Button Group, File Trigger, Toggle Group), Collections (Choice Box, Dropdown, Grid List, List Box, Menu, Table, Tag Group, Tree), Colors (Color Area, Field, Picker, Slider, Swatch, Wheel), Date/Time (Calendar, Date/Range Picker, Time Field), Forms, Drag & Drop, Charts (Area, Bar, Line, Pie), Overlays, and data visualization (Tracker, Meter, Leaderboard). Built with Tailwind CSS, TypeScript, works with Next.js, Vite, and Inertia.js. Free and MIT-licensed. Use for: building accessible, React Aria-backed UIs when Radix UI is not desired, especially date pickers, color pickers, and drag-and-drop flows.

60 components react shadcn-cli MIT
website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://intentui.com/r/registry
pnpm pnpm dlx shadcn@latest add https://intentui.com/r/registry
bun bunx shadcn@latest add https://intentui.com/r/registry
fetch registry curl -s https://intentui.com/r/registry

Components

60 total
theme-default style
npx shadcn@latest add https://intentui.com/r/theme-default
theme-blue style
npx shadcn@latest add https://intentui.com/r/theme-blue
theme-sky style
npx shadcn@latest add https://intentui.com/r/theme-sky
theme-indigo style
npx shadcn@latest add https://intentui.com/r/theme-indigo
theme-emerald style
npx shadcn@latest add https://intentui.com/r/theme-emerald
theme-teal style
npx shadcn@latest add https://intentui.com/r/theme-teal
theme-purple style
npx shadcn@latest add https://intentui.com/r/theme-purple
theme-pink style
npx shadcn@latest add https://intentui.com/r/theme-pink
theme-rose style
npx shadcn@latest add https://intentui.com/r/theme-rose
theme-green style
npx shadcn@latest add https://intentui.com/r/theme-green
theme-lime style
npx shadcn@latest add https://intentui.com/r/theme-lime
theme-cyan style
npx shadcn@latest add https://intentui.com/r/theme-cyan
area-chart ui

area-chart

npx shadcn@latest add https://intentui.com/r/area-chart
avatar ui

avatar

npx shadcn@latest add https://intentui.com/r/avatar
badge ui

badge

npx shadcn@latest add https://intentui.com/r/badge
bar-chart ui

bar-chart

npx shadcn@latest add https://intentui.com/r/bar-chart
bar-list ui

bar-list

npx shadcn@latest add https://intentui.com/r/bar-list
breadcrumbs ui

breadcrumbs

npx shadcn@latest add https://intentui.com/r/breadcrumbs
button-group ui

button-group

npx shadcn@latest add https://intentui.com/r/button-group
button ui

button

npx shadcn@latest add https://intentui.com/r/button
calendar ui

calendar

npx shadcn@latest add https://intentui.com/r/calendar
card ui

card

npx shadcn@latest add https://intentui.com/r/card
carousel ui

carousel

npx shadcn@latest add https://intentui.com/r/carousel
chart ui

chart

npx shadcn@latest add https://intentui.com/r/chart
checkbox ui

checkbox

npx shadcn@latest add https://intentui.com/r/checkbox
choice-box ui

choice-box

npx shadcn@latest add https://intentui.com/r/choice-box
color-area ui

color-area

npx shadcn@latest add https://intentui.com/r/color-area
color-field ui

color-field

npx shadcn@latest add https://intentui.com/r/color-field
color-picker ui

color-picker

npx shadcn@latest add https://intentui.com/r/color-picker
color-slider ui

color-slider

npx shadcn@latest add https://intentui.com/r/color-slider
color-swatch-picker ui

color-swatch-picker

npx shadcn@latest add https://intentui.com/r/color-swatch-picker
color-swatch ui

color-swatch

npx shadcn@latest add https://intentui.com/r/color-swatch
color-thumb ui

color-thumb

npx shadcn@latest add https://intentui.com/r/color-thumb
color-wheel ui

color-wheel

npx shadcn@latest add https://intentui.com/r/color-wheel
combo-box ui

combo-box

npx shadcn@latest add https://intentui.com/r/combo-box
command-menu ui

command-menu

npx shadcn@latest add https://intentui.com/r/command-menu
container ui

container

npx shadcn@latest add https://intentui.com/r/container
context-menu ui

context-menu

npx shadcn@latest add https://intentui.com/r/context-menu
date-field ui

date-field

npx shadcn@latest add https://intentui.com/r/date-field
date-picker ui

date-picker

npx shadcn@latest add https://intentui.com/r/date-picker
date-range-picker ui

date-range-picker

npx shadcn@latest add https://intentui.com/r/date-range-picker
description-list ui

description-list

npx shadcn@latest add https://intentui.com/r/description-list
dialog ui

dialog

npx shadcn@latest add https://intentui.com/r/dialog
disclosure-group ui

disclosure-group

npx shadcn@latest add https://intentui.com/r/disclosure-group
drawer ui

drawer

npx shadcn@latest add https://intentui.com/r/drawer
drop-zone ui

drop-zone

npx shadcn@latest add https://intentui.com/r/drop-zone
dropdown ui

dropdown

npx shadcn@latest add https://intentui.com/r/dropdown
field ui

field

npx shadcn@latest add https://intentui.com/r/field
file-trigger ui

file-trigger

npx shadcn@latest add https://intentui.com/r/file-trigger
grid-list ui

grid-list

npx shadcn@latest add https://intentui.com/r/grid-list
heading ui

heading

npx shadcn@latest add https://intentui.com/r/heading
input-otp ui

input-otp

npx shadcn@latest add https://intentui.com/r/input-otp
input ui

input

npx shadcn@latest add https://intentui.com/r/input
keyboard ui

keyboard

npx shadcn@latest add https://intentui.com/r/keyboard
leaderboard ui

leaderboard

npx shadcn@latest add https://intentui.com/r/leaderboard
line-chart ui

line-chart

npx shadcn@latest add https://intentui.com/r/line-chart
link ui

link

npx shadcn@latest add https://intentui.com/r/link
list-box ui

list-box

npx shadcn@latest add https://intentui.com/r/list-box
loader ui

loader

npx shadcn@latest add https://intentui.com/r/loader
menu ui

menu

npx shadcn@latest add https://intentui.com/r/menu