Tailwind UI is now Tailwind Plus
Learn more
UI Blocks
Templates
UI Kit
Account
Marketing
Application UI
Ecommerce
Documentation
Application Shells
Stacked Layouts
Sidebar Layouts
Multi-Column Layouts
Headings
Page Headings
Card Headings
Section Headings
Data Display
Description Lists
Stats
Calendars
Lists
Stacked Lists
Tables
Grid Lists
Feeds
Forms
Form Layouts
Input Groups
Select Menus
Sign-in and Registration
Textareas
Radio Groups
Checkboxes
Toggles
Action Panels
Comboboxes
Feedback
Alerts
Empty States
Navigation
Navbars
Pagination
Tabs
Vertical Navigation
Sidebar Navigation
Breadcrumbs
Progress Bars
Command Palettes
Overlays
Modal Dialogs
Drawers
Notifications
Elements
Avatars
Badges
Dropdowns
Buttons
Button Groups
Layout
Containers
Cards
List containers
Media Objects
Dividers
Page Examples
Home Screens
Detail Screens
Settings Screens
UI Blocks
Application UI
Forms
UI Blocks
/
Application UI
/
Forms
Input Groups
Input with label
Preview
Code
HTML
React
Vue
Input with label and help text
Preview
Code
HTML
React
Vue
Input with validation error
Preview
Code
HTML
React
Vue
Input with disabled state
Preview
Code
HTML
React
Vue
Input with hidden label
Preview
Code
HTML
React
Vue
Input with corner hint
Preview
Code
HTML
React
Vue
Input with leading icon
Preview
Code
HTML
React
Vue
Input with trailing icon
Preview
Code
HTML
React
Vue
Input with add-on
Preview
Code
HTML
React
Vue
Input with inline add-on
Preview
Code
HTML
React
Vue
Input with inline leading and trailing add-ons
Preview
Code
HTML
React
Vue
Input with inline leading dropdown
Preview
Code
HTML
React
Vue
Input with inline leading add-on and trailing dropdown
Preview
Code
HTML
React
Vue
Input with leading icon and trailing button
Preview
Code
HTML
React
Vue
Inputs with shared borders
Preview
Code
HTML
React
Vue
Input with inset label
Preview
Code
HTML
React
Vue
Inputs with inset labels and shared borders
Preview
Code
HTML
React
Vue
Input with overlapping label
Preview
Code
HTML
React
Vue
Input with pill shape
Preview
Code
HTML
React
Vue
Input with gray background and bottom border
Preview
Code
HTML
React
Vue
Input with keyboard shortcut
Preview
Code
HTML
React
Vue