Origin UIOrigin UI
@originui · since 2024
Beautiful UI components built with Tailwind CSS and Next.js. By @pacovitiello, and @DavidePacilio.
Featured
Try hovering
Get in touch
/
Dialog
Avatar
UsePagination
Dialog
Button
Dialog
Accordion
Dialog
Command
Dialog
Button
Dialog
Button
UseCharacterLimit
Dialog
Button
Dialog
Slider
Dialog
Button
Tabs
Popover
Popover
Navigation Bar
Input
Tabs
Dropdown Menu
Dialog
Avatar
Dialog
Tabs
Dialog
![Calendar [React Area]](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=3840,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992261935.png)
Calendar [React Area]
Avatar
Button
Avatar
Button
Accordion
Popover
Input
Input
Dialog
Dialog
Hero Pill
Dialog
Slider
Avatar
Button
Popover
Avatar
Multiselect
Navigation Bar
Accordion
Button
Slider
Dialog
Button
![Calendar [React Area]](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=3840,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992099506.png)
Calendar [React Area]
Popover
Dropdown Menu
Button
Button
Button
Accordion
Dialog
Button
Tabs
Slider
Accordion
Accordion
Button
Button
Tooltip
Label
Button
Tabs
Accordion
Accordion
Dropdown Menu
Button
Tree
Navigation Menu
Numbered Pagination
Dropdown Menu
Dropdown Menu
Button
Button
Popover
Popover
Button
Accordion
Dropdown Menu
Input
Button
Accordion
Dialog
Slider
Tooltip
Tabs
Dropdown Menu
Dropdown Menu
Slider
Accordion
Button
Input
Button
Accordion
Multiselect
Dialog
Button
Button
Input
Image Crop
Navigation Bar
Input
Input
Accordion
Accordion
Tabs
Popover
Slider
Select (Native)
Button
Input
Tabs
Tabs
Button
Button
Accordion
Popover
Button
Button
Button
Image Crop
Tabs
Dropdown Menu
Slider
Button
Dropdown Menu
Slider
Button
Tabs
Slider
Tooltip
Tree
Tree
Accordion
Tabs
Slider
Slider
Button
Input
Accordion
Slider
Slider
Button
Button
Tooltip
Input
Tree
Accordion
Tabs
Dropdown Menu
Slider
Button
Image Crop
Dropdown Menu
Button
Input
Input
Tree
Popover
Input
Image Crop
Navigation Bar
Accordion
Tabs
Slider
Tooltip
Input
Pagination with text buttons
Tabs
Avatar
Dropdown Menu
Tooltip
Button
Input
Tree
Slider
Slider
Slider
Slider
Input
Input
Tree
![Calendar [React Area]](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=3840,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992048466.png)
Calendar [React Area]
Slider
Slider
Input
Button
Tree
Slider
Button
Tooltip
Tooltip
Input
Input
Input
Accordion
Dropdown Menu
Input
Input
Button
Input
Input
Tree
Navigation Bar
Slider
Input
Input
Input
Image Crop
Image Crop
Select (Native)
Tooltip
Input
Input
Input
Tabs
Slider
Input
Input
Input
Input
Tree
Image Crop
Slider
Input
Input
Input
Image Crop
Input
Input
Tree
Image Crop
Joined Pagination
Tabs
Slider
Select (Native)
Select (Native)
Select (Native)
Input
Input
Tree
Image Crop
Select (Native)
Select (Native)
Input
Input
Input
Input
Input
Select (Native)
Select (Native)
Select (Native)
Input
Input
Select (Native)
Select (Native)
Input
Button
Input
Select (Native)
Select (Native)