O

Origin UI

@originui

Beautiful UI components built with Tailwind CSS and Next.js. By @pacovitiello, and @DavidePacilio.

Default
O

Notification with main and secondary buttons

0
Default
O

Dual range slider

0
Default
O

Button with tooltip

1
Default
O

OTP input double

0
Default
O

Text align buttons

0
Default
O

Show/hide password input

1
Default
O

Price Slider

6
Default
O

Tabs like bookmark for navigation

3
Default
O

Underline Tabs for navigation with icons

0
Default
O

Slider with experience rating

0
Default
O

Badge squared

0
Default
O

Slider with increment and decrement labels

0
Default
O

Slider with experience changing

0
Default
O

Loading button

0
Default
O

Input with password strength indicator

2
Default
O

Disabled textarea

1
Default
O

Input with clear button

1
Default
O

Hero Pill

2
Default
O

Textarea with label animation

2
Default
O

Cookie acceptance notification

0
Default
O

Tooltip with stats

2
Default
O

Avatar

0
Default
O

Notification alert with link colored

0
Default
O

Accordion table with left plus-minus

0
Default
O

Quick note alert colored

0
Default
O

Input with start select

0
Default
O

Accordion table with plus-minus

0
Default
O

Slider with tiny thumb

2
Default
O

Input with start icon

0
Default
O

Select with gray background

0
Default
O

Accordion table with chevron

0
Default
O

Social links login colored

0
Default
O

Card Number

0
Default
O

Listbox with option groups

0
Default
O

Input with end inline add-on

0
Default
O

Avatar with notifications

1
Default
O

Rich menu with icons

0
Default
O

Accordion with left plus-minus

0
Default
O

Error alert with button

0
Default
O

Avatars and more

0
Default
O

Dropdown radio items

2
Default
O

Accordion with sub-header and chevron

0
Default
O

Accordion table with left chevron

0
Default
O

Input with start inline add-on

0
Default
O

Textarea with hint

1
Default
O

Social links login

0
Default
O

Theme Mode Toggle

1
Default
O

Select with search

1
Default
O

Banner with button and countdown

1
Default
O

Simple Tabs with underline

1
Default
O

Select with right indicator

0
Default
O

Input with inner tags

1
Default
O

Simple slider

0
Default
O

Copy to clipboard button

5
Default
O

Input with button

0
Default
O

Selectable badge

1
Default
O

Error alert with link and button

0
Default
O

Simple Button

0
Default
O

Disabled select

0
Default
O

Notification button

2
Default
O

Quick note alert

0
Default
O

Simple select with default value

0
Default
O

Timestamp input

0
Default
O

useSliderWithInput

1
Default
O

Avatars

0
Default
O

Textarea with error

1
Default
O

Multi-level Accordion

0
Default
O

Success alert with link and button

1
Default
O

Date input

2
Default
O

Button with hotkey hint

1
Default
O

Alert with redirect and close buttons

1
Default
O

Accordion with with left chevron

0
Default
O

Select with left text

0
Default
O

Dropdown menu with checkbox items

1
Default
O

Accordion tabs with plus-minus

0
Default
O

Share Popover

1
Default
O

Options with placeholder avatar

2
Default
O

Input with character limit

0
Default
O

Avatars and more smooth

0
Default
O

Slider with labels

0
Default
O

Input with helper text

0
Default
O

Copy to clipboard

1
Default
O

Banner with learn more link

0
Default
O

Date picker

0
Default
O

Input with end add-on

0
Default
O

Select with error

0
Default
O

Textarea with button

1
Default
O

Input with inset label

0
Default
O

Popover share socials and link

0
Default
O

Time input with start icon

0
Default
O

Accordion with chevron

0
Default
O

Textarea with no resize

0
Default
O

Page selector

0
Default
O

Avatar squared

0
Default
O

Slider with square thumb

0
Default
O

Multiselect

2
Default
O

Notification with undo and close buttons

0
Default
O

Tooltip with title

0
Default
O

Avatar with offline status

0
Default
O

Button with dropdown

2
Default
O

Underline Tabs for navigation

2
Default
O

Input with end icon button

0
Default
O

Attention alert colored

0
Default
O

Show more button

1
Default
O

Radio Group

0
Default
O

Date and time input

0
Default
O

Input with inline start and end add-on

0
Default
O

Input with tags

0
Default
O

Required input

0
Default
O

Textarea with left button

0
Default
O

Outline button with icon

0
Default
O

Notification alert with close button

0
Default
O

Banner with rounded and close buttons

0
Default
O

Three buttons selector

0
Default
O

Input with colored border and ring

0
Default
O

Toggle Group socials

0
Default
O

Button with arrow

0
Default
O

Banner with texted link

0
Default
O

Popover feedback textarea

0
Default
O

Error alert

0
Default
O

Alert Dialog

2
Default
O

Dropdown rich menu

2
Default
O

Select with auto-width

0
Default
O

Add Block Dropdown

1
Default
O

Tabs with circle selecting

0
Default
O

Input with end button

0
Default
O

Ghost button with animated icon

0
Default
O

Accordion tabs with chevron

0
Default
O

Badge link

0
Default
O

Tooltip-like popover

1
Default
O

Textarea with helper text

1
Default
O

Input with label animation

2
Default
O

Days of the week toggle group

1
Default
O

Search input with <kbd>

0
Default
O

Notification with redirect and close button

0
Default
O

Requirements alert

1
Default
O

Notification with undo view and close buttons

0
Default
O

Select with overlapping label

0
Default
O

Messages button with count

0
Default
O

Accordion tabs with left plus-minus

0
Default
O

Slider with output

1
Default
O

Number input with chevrons

0
Default
O

Button with icon

0
Default
O

Choose Color Radio Group

0
Default
O

Options with portrait

1
Default
O

Status select

1
Default
O

Select with icon

1
Default
O

Tabs simple squared

0
Default
O

Input with hint

1
Default
O

Input with overlapping label

1
Default
O

Select options with icon and number

3
Default
O

Required select

0
Default
O

Cookie banner

0
Default
O

Newsletter Section

1
Default
O

Tabs simple square in cell

0
Default
O

Payment Method Radio Group

0
Default
O

Input with end inline button

0
Default
O

Tooltip-like popover with button

0
Default
O

Banner with two buttons and close button

0
Default
O

Tooltip-like popover with steps

0
Default
O

Popover with Notificaition

5
Default
O

Input with characters left

0
Default
O

Filter Popover

0
Default
O

Simple tooltip

2
Default
O

Avatar with verfication check

0
Default
O

Avatar with named placeholder

0
Default
O

Rate Experience radio group

0
Default
O

Simple Dropdown

1
Default
O

Plus button

0
Default
O

Side selector

1
Default
O

Banner with subscribe button

0
Default
O

Select with disabled options

0
Default
O

Accordion with icon and plus-minus

0
Default
O

Rounded button

0
Default
O

Alert success

0
Default
O

OTP input (spaced)

1
Default
O

Avatar with online status

0
Default
O

Notification alert with link

0
Default
O

Select with helper text

0
Default
O

Select with description and right indicator

1
Default
O

Input with start add-on

2
Default
O

Attention alert

0
Default
O

Tooltip with charts

0
Default
O

Textarea with overlapping label

0
Default
O

Cards Radio Group

1
Default
O

Notification with icon and main button

1
Default
O

Options with icon and number

5
Default
O

Quick note alert with link and button

1
Default
O

Squared Tabs in cell with underline

1
Default
O

Bookmark button

0
Default
O

Autogrowing Textarea

0
Default
O

OTP input single

0
Default
O

Success alert with redirect and close buttons

1
Default
O

Slider with reference labels

0
Default
O

Group of buttons

0
Default
O

Banner with two buttons

0
Default
O

Simple Tabs for navigation

2
Default
O

Timezone select with search

1
Default
O

Pan with titles

2
Default
O

Textarea with characters left

1
Default
O

Required textarea

1
Default
O

Notification with link and button

0
Default
O

Input with error

1
Default
O

Sidebar / Menu animated button

1
Default
O

Input with mask

0
Default
O

Squared Avatar

0
Default
O

Success alert with button

0
Default
O

Input with inline add-ons

2
Default
O

Textarea with inset label

0
Default
O

Go back button

0
Default
O

Circle Tabs for navigation

3
Default
O

Select with inset label

0
Default
O

Accordion tabs with left chevron

0
Default
O

Select with search and button

1
Default
O

Input with end icon

1
Default
O

Input with end select

0
Default
O

Listbox with single option

0
Default
O

Error alert colored

0
Default
O

Payment Plan Radio Group

0
Default
O

Avatar Placeholder

0
Default
O

Select options with icons

0
Default
O

Banner with update button

2
Default
O

Email button link

0
Default
O

Success alert colored

1
Default
O

Requirements alert colored

0
Default
O

Disabled input

0
Default
O

Accordion with icon and chevron

1
Default
O

Textarea with right button

0
Default
O

Listbox with multiple options

0
Default
O

Banner with link and close button

0
Default
O

Select options with icon and right indicator

2
Default
O

Dropdown with the same width as trigger

1
Default
O

Add / Close button

0
Default
O

Button with animated icon

1
Default
O

Slider with solid thumb

0
Default
O

Time input

0
Default
O

Select (Native)

0
Default
O

Squared Avatar with online status

0
Default
O

Volume level with buttons

0
Default
O

Accordion with icon, sub-header, and plus-minus

0
Default
O

Volume slider

0
Default
O

Button loading without text

0
Default
O

Info notification with redirect and close buttons

0
Default
O

Textarea with gray background

0
Default
O

Multi-level Accordion with icon

1
Default
O

Page selector squared

0
Default
O

Slider with ticks

1
Default
O

CVC Code

0
Default
O

Notification alert with button

0
Default
O

Select with placeholder

1
Default
O

Expiry date

0
Default
O

Accordion with plus-minus

0
Default
O

Number input with plus/minus buttons

1
Default
O

Simple Badge

0
Default
O

Theme toggle button

0
Default
O

Social links colored

0
Default
O

Search input with icon and button

0
Default
O

Raiting Radio Group

0
Default
O

Select options with flag

1
Default
O

Card Details

1
Default
O

Payment Method Card Radio Group

1
Default
O

Input with gray background

1
Scrollable (native scrollbar)
O

Dialog

Scrollable (native scrollbar)

2
Terms & Conditions
O

Dialog

Terms & Conditions

2
Default
O

Dropdown avatar profile options

1
Default
O

Dropdown profile options with avatar

0
Default
O

Popover with button

0
Default
O

Popover menu filters

0
Default
O

Popover dashboard with steps

0
Default
O

Checkbox with expansion

0
Default
O

Popover dashboard with navigation

0
Default
O

Triple choose checkbox

1
Default
O

Right aligned checkbox

1
Default
O

Simple todo checkbox

0
Default
O

Disabled checkbox

1
Default
O

Dropdown profile options

0
Default
O

Triple choose checkbox vertical

1
Default
O

Terms agreement

1
Default
O

Colored checkbox

1
Default
O

Search input with loader

1
Default
O

Date range picker

1
Default
O

Simple checkbox

0
Default
O

Fancy todo checkbox

1