Best Projects Made With Tailwind CSS

A collection of websites and examples built with Tailwind CSS - the CSS framework

Ubuntu 20.04
Ubuntu 20.04
An Ubuntu desktop using React.js + Tailwind CSS.
Resume
Resume
πŸ“ - A stylized resume template built with Tailwind CSS, featuring a nifty hero-pattern background and custom font.
Litepie Date Picker
Litepie Date Picker
🧩 - A date range picker component for Vue.js and Tailwind CSS.
Mamba UI
Mamba UI
🧩 - Free Tailwind CSS components, sections and templates.
Kometa UI Kit
Kometa UI Kit
🧩 - Free multi-purpose UI kit, built with Tailwind CSS.
WickedBlocks
WickedBlocks
🧩 - Collection of more than 120 layout blocks and components built with Tailwind CSS.
Themes.dev
Themes.dev
πŸ§©πŸ“ - Handcrafted, free and premium Tailwind CSS themes and components.
Tailwind Cards
Tailwind Cards
🧩 - Growing collection of text/image cards.
EasyTailwind
EasyTailwind
πŸ“ - Freemium, easily customizable templates made with Tailwind CSS.
Create-tailwind-plugin
Create-tailwind-plugin
πŸ”§ - Plugin scaffolder for Tailwind CSS.
@ngneat/tailwind
@ngneat/tailwind
πŸ’Ό - Tailwind CSS integration for Angular.
Tailwindcss-rails
Tailwindcss-rails
πŸ’Ό - Gem for using Tailwind CSS with Rails' asset pipeline.
Windy
Windy
πŸ”Ό - Browser extension to convert HTML elements to Tailwind CSS.
Updrafts.app
Updrafts.app
🌍 - Advanced online no-code drag and drop editor for Tailwind CSS.
Brands-tail-color
Brands-tail-color
πŸŒπŸ”§ - Configuration generator using various brands' colors.
Twind
Twind
πŸŒπŸ”§πŸ’Ό - Compiler functions that turn Tailwind's classes into CSS at run, serve and build time.
Babel-plugin-tailwind-dark
Babel-plugin-tailwind-dark
πŸŽ¨πŸ”§πŸ’Ό - A Babel plugin to add custom dark class when compiling your code using Babel.
CSS Variables
CSS Variables
🧩 - Exports custom CSS variables (Dark Mode supported).
Pseudo Selectors
Pseudo Selectors
🧬 - Adds variants for the pseudo-classes and pseudo-elements that Tailwind CSS doesn't have by default.
Marker
Marker
🧬 - Provides utilities for styling lists and <summary> markers.
Accent Color
Accent Color
πŸ’Ό - Adds accent color utilities.
No Scrollbar
No Scrollbar
πŸ’Ό - Exposes scrollbar-none to visually hide a scrollbar.
Content Placeholder
Content Placeholder
πŸ’Ό - Adds utilities for content placeholder images.
Downwind CSS Easings
Downwind CSS Easings
πŸ’Ό - Extends transition-timing-function utilities.
Scrollbar Hide
Scrollbar Hide
πŸ’Ό - Adds scrollbar-hide class for visual hide scrollbar.
Text Decoration Color
Text Decoration Color
πŸ’Ό - Adds text-decoration-color utilities.
Bidirectional
Bidirectional
πŸ’Ό - Replace the core utilities to be bi-direction compatible.
Caret Color
Caret Color
πŸ’Ό - Adds caret color utilities.
Line Clamp
Line Clamp
πŸ’™πŸ’Ό - Provides utilities for visually truncating text after a fixed number of lines.
Just-in-time
Just-in-time
πŸ’™ - Just-in-time compiler for Tailwind CSS.
Daisy UI
Daisy UI
🧩 - Themeable UI components library.
Starter Dashboard Layout
Starter Dashboard Layout
πŸš€ - Dashboard layout using Tailwind CSS and Alpine JS.
Petra
Petra
πŸ“ - Free landing page template built with Nuxt.js & Tailwind CSS.
Gradient Designer
Gradient Designer
πŸŽ¨πŸŒπŸ”§ - Generate gradients for Tailwind 2.0+.
Windstrap
Windstrap
🧩 - Tailwind CSS with Bootstrap JS.
Colorkraken
Colorkraken
πŸŽ¨πŸ”§πŸ’Ό - Color shades generator for Tailwind CSS.
Shopify Theme Lab
Shopify Theme Lab
πŸš€ - Shopify theme development starter using Vue and Tailwind CSS.
Vite + Vue 3.x + Tailwind 2.x Starter
Vite + Vue 3.x + Tailwind 2.x Starter
πŸš€ - Starter template using Vite, Vue, Vue Router and Tailwind CSS.
Tailwind CSS Explorer For Code
Tailwind CSS Explorer For Code
Explore the classes available in your project's Tailwind CSS setup.
Forms
Forms
πŸ’™ - Adds better default styles to form elements.
Aspect Ratio
Aspect Ratio
πŸ’™πŸ’Ό - Adds composable aspect ratio utilities.
Vite + React + Tailwind Starter
Vite + React + Tailwind Starter
πŸš€ - Boilerplate using Vite, React and Tailwind CSS.
V-Dashboard
V-Dashboard
πŸ“ - Dashboard starter template built with Vue 3 and Tailwind CSS.
Tailwind CSS V2 Colors
Tailwind CSS V2 Colors
πŸŽ¨πŸŒπŸ’Ό - Figma library with Tailwind CSS v2 colors.
Jakarta LTE
Jakarta LTE
πŸ§©πŸ“ - Admin template using Tailwind CSS.
Nuxt
Nuxt
Build your next Vue.js application with confidence with NuxtJS.
Hello Sun
Hello Sun
Helping Brussels go solar.
Sitesauce
Sitesauce
A static version of your website in one click.
Statamic
Statamic
Build beautiful, easy to manage websites.
Dance Of Dawn
Dance Of Dawn
Be awaked by your birth.