# uiable

> Free, open-source React component library built on shadcn/ui and Base UI, with copy-paste components you fully own.

- Owner: [uiable](https://21st.dev/@uiable)
- Components: 168
- Website: https://uiable.com
- GitHub: https://github.com/codedthemes/uiable
- Live page: https://21st.dev/@uiable/library/uiable

## Components

Showing the first 100 of 168 — browse the rest at https://21st.dev/@uiable/library/uiable.

- [Accordion Active Background](https://21st.dev/@uiable/components/accordion-active-bg.md)
- [Accordion Custom](https://21st.dev/@uiable/components/accordion-custom.md)
- [Accordion Multiple](https://21st.dev/@uiable/components/accordion-multiple.md)
- [Advisory Services Feature List](https://21st.dev/@uiable/components/block-feature-27.md)
- [Alert Action](https://21st.dev/@uiable/components/alert-action.md)
- [Alert Dialog Basic](https://21st.dev/@uiable/components/alert-dialog-basic.md)
- [Alert Dialog Lock](https://21st.dev/@uiable/components/alert-dialog-lock.md)
- [Alert Dialog Small](https://21st.dev/@uiable/components/alert-dialog-small.md)
- [Alert Light Danger](https://21st.dev/@uiable/components/alert-light-danger.md)
- [Alert Solid Info](https://21st.dev/@uiable/components/alert-solid-info.md)
- [Animated Footer](https://21st.dev/@uiable/components/block-footer-20.md)
- [Animated Gradient Button](https://21st.dev/@uiable/components/button-animated-gradient.md)
- [Animated SaaS Footer](https://21st.dev/@uiable/components/block-footer-2.md)
- [Animated SaaS Footer](https://21st.dev/@uiable/components/footer-3.md)
- [App Download Hero](https://21st.dev/@uiable/components/block-hero-6.md)
- [App Feature Grid](https://21st.dev/@uiable/components/app-feature-grid.md)
- [App Mobile Hero](https://21st.dev/@uiable/components/block-hero-2.md)
- [Attachment States](https://21st.dev/@uiable/components/attachment-states.md)
- [Attachment Vertical](https://21st.dev/@uiable/components/attachment-vertical.md)
- [Avatar Counter Indicator](https://21st.dev/@uiable/components/avatar-counter-indicator.md)
- [Badge Solid Danger](https://21st.dev/@uiable/components/badge-solid-danger.md)
- [Bar Chart with Legend](https://21st.dev/@uiable/components/chart-example-legend.md)
- [Bar Chart with Tooltip](https://21st.dev/@uiable/components/chart-example-tooltip.md)
- [Bars Scale Spinner](https://21st.dev/@uiable/components/spinner-bars-scale.md)
- [Brand Marquee Hero](https://21st.dev/@uiable/components/small-hero-6.md)
- [Bubble Collapsible](https://21st.dev/@uiable/components/bubble-collapsible.md)
- [Button Animated](https://21st.dev/@uiable/components/button-animated.md)
- [Button Group Dropdown](https://21st.dev/@uiable/components/button-group-dropdown.md)
- [Button Group Input](https://21st.dev/@uiable/components/button-group-input.md)
- [Button Group Popover](https://21st.dev/@uiable/components/button-group-popover.md)
- [Button Spinner](https://21st.dev/@uiable/components/uiable-spinner-button.md)
- [Calendar Basic](https://21st.dev/@uiable/components/calendar-basic.md)
- [Calendar Presets](https://21st.dev/@uiable/components/calendar-presets.md)
- [Calendar Right Navigation](https://21st.dev/@uiable/components/calendar-right-navigation.md)
- [Card Skeleton](https://21st.dev/@uiable/components/uiable-skeleton-card.md)
- [Card Tabs](https://21st.dev/@uiable/components/card-tabs.md)
- [Chart Area](https://21st.dev/@uiable/components/chart-area.md)
- [Chart Pie](https://21st.dev/@uiable/components/chart-pie.md)
- [Chart Tooltip](https://21st.dev/@uiable/components/chart-tooltip.md)
- [Chat Bubble Group](https://21st.dev/@uiable/components/bubble-group.md)
- [Checkbox Group](https://21st.dev/@uiable/components/checkbox-group.md)
- [Checkbox Indeterminate](https://21st.dev/@uiable/components/checkbox-indeterminate.md)
- [Checkbox Table](https://21st.dev/@uiable/components/checkbox-table.md)
- [Checkbox Todo List](https://21st.dev/@uiable/components/checkbox-todo-list.md)
- [Closable Badge](https://21st.dev/@uiable/components/badge-closable.md)
- [Coming Soon Hero Block](https://21st.dev/@uiable/components/block-coming-soon-1.md)
- [Component Search](https://21st.dev/@uiable/components/component-search.md)
- [Contact Form Card](https://21st.dev/@uiable/components/block-contact-19.md)
- [Contact Form Section](https://21st.dev/@uiable/components/block-contact-1.md)
- [Contact Form with Particles](https://21st.dev/@uiable/components/block-contact-18.md)
- [Contact Hero](https://21st.dev/@uiable/components/block-contact-20.md)
- [Content Showcase Block](https://21st.dev/@uiable/components/block-content-2.md)
- [Context Menu Destructive](https://21st.dev/@uiable/components/context-menu-destructive.md)
- [Copy Link Button](https://21st.dev/@uiable/components/button-copy.md)
- [Danger Border Spinner](https://21st.dev/@uiable/components/uiable-spinner-border-danger.md)
- [Date Picker Disabled](https://21st.dev/@uiable/components/date-picker-disabled.md)
- [Dialog Scrollable Content](https://21st.dev/@uiable/components/dialog-scrollable-content.md)
- [Disabled Input Field](https://21st.dev/@uiable/components/input-disabled.md)
- [Disabled Toggle](https://21st.dev/@uiable/components/toggle-disabled.md)
- [Drawer Sides](https://21st.dev/@uiable/components/drawer-sides.md)
- [Empty Background](https://21st.dev/@uiable/components/empty-background.md)
- [Empty Card](https://21st.dev/@uiable/components/empty-card.md)
- [Empty No Search Result](https://21st.dev/@uiable/components/empty-no-search-result.md)
- [Event Details Content Section](https://21st.dev/@uiable/components/block-content-1.md)
- [FAQ Accordion Hero](https://21st.dev/@uiable/components/block-faq-4.md)
- [FAQ Accordion Section](https://21st.dev/@uiable/components/block-faq-10.md)
- [FAQ Cards Grid](https://21st.dev/@uiable/components/block-faq-6.md)
- [FAQ Split Accent](https://21st.dev/@uiable/components/block-faq-8.md)
- [Feature Grid Section](https://21st.dev/@uiable/components/block-feature-2.md)
- [Feature Grid with Icons](https://21st.dev/@uiable/components/block-feature-8.md)
- [Feature Highlights Grid](https://21st.dev/@uiable/components/block-feature.md)
- [Field Checkbox](https://21st.dev/@uiable/components/field-checkbox.md)
- [Field Radio](https://21st.dev/@uiable/components/field-radio.md)
- [Field Responsive](https://21st.dev/@uiable/components/field-responsive.md)
- [Financial Bento Grid](https://21st.dev/@uiable/components/block-bento-5.md)
- [Financial Platform Feature Grid](https://21st.dev/@uiable/components/block-feature-32.md)
- [Footer with Social Icons](https://21st.dev/@uiable/components/footer-7.md)
- [Footwear Feature Grid](https://21st.dev/@uiable/components/block-feature-3.md)
- [Forgot Password 3](https://21st.dev/@uiable/components/forgot-password-3.md)
- [Furniture Hero Section](https://21st.dev/@uiable/components/block-hero-4.md)
- [Hover Card Image Preview](https://21st.dev/@uiable/components/hover-card-image-preview.md)
- [Hover Card Link Preview](https://21st.dev/@uiable/components/hover-card-link-preview.md)
- [Icon Breadcrumb](https://21st.dev/@uiable/components/uiable-breadcrumb-icon.md)
- [Income Donut Chart](https://21st.dev/@uiable/components/block-charts-11.md)
- [Info Growing Spinner](https://21st.dev/@uiable/components/uiable-spinner-growing-info.md)
- [Inline Code Typography](https://21st.dev/@uiable/components/uiable-typography-inline-code.md)
- [Input Badge](https://21st.dev/@uiable/components/input-badge.md)
- [Input Form](https://21st.dev/@uiable/components/input-form.md)
- [Input Group Dropdown](https://21st.dev/@uiable/components/input-group-dropdown.md)
- [Input Group Icon](https://21st.dev/@uiable/components/input-group-icon.md)
- [Input Group Inline Start](https://21st.dev/@uiable/components/input-group-inline-start.md)
- [Input Group Spinner](https://21st.dev/@uiable/components/input-group-spinner.md)
- [Input OTP Alphanumeric](https://21st.dev/@uiable/components/input-otp-alphanumeric.md)
- [Input OTP Controlled](https://21st.dev/@uiable/components/input-otp-controlled.md)
- [Input OTP Form](https://21st.dev/@uiable/components/input-otp-form.md)
- [Input OTP Separator](https://21st.dev/@uiable/components/input-otp-separator.md)
- [Item Icon Alert](https://21st.dev/@uiable/components/item-icon.md)
- [Item Image](https://21st.dev/@uiable/components/item-image.md)
- [Kbd Button](https://21st.dev/@uiable/components/kbd-button.md)
- [Kbd Function Keys](https://21st.dev/@uiable/components/kbd-function-keys.md)

Full component directory: https://21st.dev/llms.txt