Tailwind UI
Ready for Tailwind CSS v3.0
Components
Documentation
Search components
Account
Signed in as
Licensed User
Components
Documentation
Changelog
Support
License
Download Figma Assets
Upgrade to Team License
Account Settings
Sign out
Detail Screens
Application UI
Page Examples
Multi-column directory
Requires
JS
Preview
Preview
Code
HTML
React
Vue
HTML
React
Vue
s.language===activeSnippet).snippet).then(()=>{copied=true;clearTimeout(copyTimeout);copyTimeout=setTimeout(()=>{copied=false},1500)})">
Copy code
Copied!
HTML
React
Vue
Stacked card layout
Requires
JS
Preview
Preview
Code
HTML
React
Vue
HTML
React
Vue
s.language===activeSnippet).snippet).then(()=>{copied=true;clearTimeout(copyTimeout);copyTimeout=setTimeout(()=>{copied=false},1500)})">
Copy code
Copied!
HTML
React
Vue
Constrained with sidebar
Requires
JS
Preview
Preview
Code
HTML
React
Vue
HTML
React
Vue
s.language===activeSnippet).snippet).then(()=>{copied=true;clearTimeout(copyTimeout);copyTimeout=setTimeout(()=>{copied=false},1500)})">
Copy code
Copied!
HTML
React
Vue
Multi-column inbox
Requires
JS
Preview
Preview
Code
HTML
React
Vue
HTML
React
Vue
s.language===activeSnippet).snippet).then(()=>{copied=true;clearTimeout(copyTimeout);copyTimeout=setTimeout(()=>{copied=false},1500)})">
Copy code
Copied!
HTML
React
Vue
File gallery
Requires
JS
Preview
Preview
Code
HTML
React
Vue
HTML
React
Vue
s.language===activeSnippet).snippet).then(()=>{copied=true;clearTimeout(copyTimeout);copyTimeout=setTimeout(()=>{copied=false},1500)})">
Copy code
Copied!