Intent UI components
Intent UI is a chill set of React components, built on top of React Aria Components and Tailwind CSS. Easy to customize and just copy & paste into your React projects.
- Components
- 117
- Framework
- React
- Stack
- React, TypeScript, Tailwind
- License
- MIT
- GitHub stars
- 1,961
- Source
- https://github.com/irsyadadl/intentui
- Website
- https://intentui.com
- Install
npx shadcn@latest add @intentui/{name}
All Intent UI components
- area-chart: area-chart
- auth-01: auth-01
- auth-02: auth-02
- auth-03: auth-03
- avatar: avatar
- badge: badge
- bar-chart: bar-chart
- bar-list: bar-list
- breadcrumbs: breadcrumbs
- button: button
- button-group: button-group
- calendar: calendar
- card: card
- carousel: carousel
- chart: chart
- chart-01: chart-01
- chart-02: chart-02
- chart-03: chart-03
- checkbox: checkbox
- choice-box: choice-box
- color-area: color-area
- color-field: color-field
- color-picker: color-picker
- color-slider: color-slider
- color-swatch: color-swatch
- color-swatch-picker: color-swatch-picker
- color-thumb: color-thumb
- color-wheel: color-wheel
- combo-box: combo-box
- command-menu: command-menu
- container: container
- context-menu: context-menu
- date-field: date-field
- date-picker: date-picker
- date-range-picker: date-range-picker
- description-list: description-list
- dialog: dialog
- disclosure-group: disclosure-group
- drawer: drawer
- drop-zone: drop-zone
- dropdown: dropdown
- field: field
- file-trigger: file-trigger
- grid-list: grid-list
- heading: heading
- input: input
- input-otp: input-otp
- keyboard: keyboard
- leaderboard: leaderboard
- line-chart: line-chart
- link: link
- list-box: list-box
- loader: loader
- menu: menu
- meter: meter
- modal: modal
- multiple-select: multiple-select
- native-select: native-select
- navbar: navbar
- navbar-01: navbar-01
- navbar-02: navbar-02
- navbar-03: navbar-03
- navbar-04: navbar-04
- navbar-05: navbar-05
- note: note
- number-field: number-field
- pagination: pagination
- pie-chart: pie-chart
- popover: popover
- preview: preview
- progress-bar: progress-bar
- progress-circle: progress-circle
- radar-chart: radar-chart
- radial-bar-chart: radial-bar-chart
- radio: radio
- range-calendar: range-calendar
- scroll-area: scroll-area
- search-field: search-field
- select: select
- separator: separator
- sheet: sheet
- show-more: show-more
- sidebar: sidebar
- sidebar-01: sidebar-01
- sidebar-02: sidebar-02
- sidebar-03: sidebar-03
- sidebar-04: sidebar-04
- sidebar-05: sidebar-05
- sidebar-06: sidebar-06
- sidebar-07: sidebar-07
- sidebar-08: sidebar-08
- sidebar-09: sidebar-09
- sidebar-12: sidebar-12
- sidebar-15: sidebar-15
- sidebar-16: sidebar-16
- sidebar-17: sidebar-17
- sidebar-18: sidebar-18
- sidebar-19: sidebar-19
- skeleton: skeleton
- slider: slider
- snippet: snippet
- switch: switch
- table: table
- tabs: tabs
- tag-field: tag-field
- tag-group: tag-group
- text: text
- text-field: text-field
- textarea: textarea
- time-field: time-field
- toast: toast
- toggle: toggle
- toggle-group: toggle-group
- toolbar: toolbar
- tooltip: tooltip
- tracker: tracker
- tree: tree
Browse by category
- Input Components
- Navigation Components
- Data Display Components
- Layout Components
- Sidebar Components
- App Shell Components
- Chart Components
- Feedback Components
- Overlay Components
- Action Components
- Color Picker Components
- Text Input Components
- Select Components
- Navbar Components
- Card Components
- Button Components
- Form Components
- Login Form Components
- Login Page Components
- Page Components