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
Calendars
Application UI
Data Display
Small with meetings
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
Month view
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
Week view
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
Day view
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
Year view
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
Double
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
Borderless stacked
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
Borderless side-by-side
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!