Best Projects Made With Tailwind CSS

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

Themeable
Themeable
🎨🧬 - Adds multiple themes support for Tailwind CSS.
Layouts For Tailwind
Layouts For Tailwind
🧩 - Layouts and UI Patterns for Tailwind CSS.
Radix
Radix
πŸ’ΌπŸ§¬ - Adds utilities and variants for styling Radix UI state.
Tailwind CSS With Ember
Tailwind CSS With Ember
πŸ”§ - How to add Tailwind CSS to an Ember application.
Red Pixel Themes
Red Pixel Themes
πŸ“ - Paid, developer-friendly templates made with Tailwind CSS.
Vitailse
Vitailse
πŸš€ - Opinionated Vite starter template with Vue 3, TypeScript and Tailwind CSS.
Next JS Boilerplate
Next JS Boilerplate
πŸš€ - Boilerplate for Next.js and Tailwind CSS.
Jekyll Starter
Jekyll Starter
πŸš€ - Jekyll starter using Tailwind CSS
Material Tailwind Dashboard React
Material Tailwind Dashboard React
πŸ“ - Free Tailwind CSS and React admin template.
Material Tailwind Kit React
Material Tailwind Kit React
πŸ“ - Free Tailwind CSS and React UI kit.
OhMySMTP Templates
OhMySMTP Templates
πŸ“ - Set of Transactional HTML Email Templates, built with Maizzle
Tailmin
Tailmin
πŸ“ - Admin dashboard built with Vue.js and Tailwind CSS.
Vue Notus
Vue Notus
πŸ“ - Open-source Tailwind CSS and Vue.js UI kit.
Material Tailwind
Material Tailwind
🧩 - Easy to use components library for Tailwind CSS and Material Design.
Tailwind Typeahead
Tailwind Typeahead
🧩 - Typeahead/Autocomplete component built with Vue.js and Tailwind CSS.
Tailwind Datepicker
Tailwind Datepicker
🧩 - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript.
Flowbite
Flowbite
πŸ“š - Open-source component library built with Tailwind CSS.
Clb
Clb
πŸ’Ό - clb (class list builder) is a utility function that builds a class list based on a Stitches like API.
Flowrift
Flowrift
🌍 - Beautifully designed Tailwind CSS UI blocks.
Windframe
Windframe
πŸŒπŸ”§ - Tailwind CSS drag and drop builder to rapidly build and prototype websites.
Fluid Type
Fluid Type
πŸ’Ό - Adds fluid type (font-size) utilities.
Capitalize First Letter
Capitalize First Letter
πŸ’Ό - Adds capitalize-first utilities.
Perspective
Perspective
🧩 - Adds perspective utilities.
Scroll Behavior
Scroll Behavior
πŸ’Ό - Adds scroll-smooth and scroll-auto classes to control smooth scrolling.
Vechai UI
Vechai UI
πŸ“š - High-quality accessible React components with the built-in dark mode using Tailwind CSS.
Tailwind Gradient Generator
Tailwind Gradient Generator
πŸŽ¨πŸŒπŸ”§ - Create perfect Tailwind CSS gradients with zero lines of code.
New-tailwind-app
New-tailwind-app
πŸ“Ÿ - Creates React.js, Next.js, Gatsby.js, Vue3, Laravel, and basic Tailwind CSS apps.
Next.js PWA
Next.js PWA
πŸ“Ÿ – CLI that generate boilerplate code of Next.js PWA along with Tailwind CSS integration.
Tailwind Elements
Tailwind Elements
πŸ“š - Huge collection of free components, mobile-friendly thanks to Bootstrap 5.
Tailwind Cheat Sheet
Tailwind Cheat Sheet
🌍 - Tailwind CSS class names in a searchable page.
Gust
Gust
πŸ’Ό - Drag and drop page builder for WordPress.
Downwind CSS Text Decoration
Downwind CSS Text Decoration
πŸ’Ό - Adds composable text-decoration utilities.
Gatsby Starter + TypeScript
Gatsby Starter + TypeScript
πŸš€ - Gatsby starter using Tailwind CSS and TypeScript.
Tailwind CSS Figma Plugin
Tailwind CSS Figma Plugin
πŸ’Ό - Figma plugin that integrates Tailwind CSS.
Tailwind CSS Figma Kit
Tailwind CSS Figma Kit
πŸ’Ό - Figma Kit for Tailwind CSS.
Jekyll Landing Website Starter
Jekyll Landing Website Starter
πŸš€ - Production ready, SEO-friendly, performant landing website boilerplate using Jekyll and Tailwind CSS.
Create A Responsive Navigation Menu In Tailwind CSS
Create A Responsive Navigation Menu In Tailwind CSS
πŸŽ“
Typographic Defaults In Tailwind CSS
Typographic Defaults In Tailwind CSS
πŸŽ“
Tailwind CSS: From Zero To Production
Tailwind CSS: From Zero To Production
πŸ’™πŸŽ¬ - Complete walkthrough of Tailwind CSS, from installation to optimization for deployment.
Web2Tailwind
Web2Tailwind
πŸ”§ - How to build web components with Tailwind CSS with AlpineJS.
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.