React + Nextjs Components

100+ Shadcn UI Components for Modern Web Apps Built with Tailwind CSS

Component Library

Browse and explore components

Input

An Input is a UI component that allows users to enter and edit text or data.

General Input

Input With Label

Name

Password

Input With Button

Name

Password

Disable Input

Name

Password

Default Textarea

Textarea with Label

Your Message

Your message will be copied to the support team.

Form Textarea

OTP Input

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

OTP Input Seprator

Controlled OTP Input

Enter your one-time password.