Best Projects Made With Tailwind CSS

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

Cruip
Cruip
πŸ“ - Beautifully designed HTML, React, and Vue.js templates.
Vite + React + TypeScript + Tailwind 3.x Starter
Vite + React + TypeScript + Tailwind 3.x Starter
πŸš€ - GitHub Template for Vite, React + Tailwind 3.x + TypeScript.
Svelte Headless UI
Svelte Headless UI
πŸ“š - Unofficial Svelte port of Headless UI.
HyperUI
HyperUI
🧩 - Open source marketing and ecommerce Tailwind CSS components.
Themer
Themer
🎨🧬 - Adds theming support for Tailwind CSS with CSS variables and variants.
Container Queries
Container Queries
🧬 - Adds CSS Container Query variants.
Admin One Vue 3
Admin One Vue 3
πŸ“ - Free Vue.js 3 Tailwind CSS admin template with Vite & Vue CLI support.
Tailwind Cheat Sheet
Tailwind Cheat Sheet
🌍 - Tailwind CSS utility class names in a searchable interface.
Tailwind CSS Figma UI Design Kit
Tailwind CSS Figma UI Design Kit
πŸ’Ό - Figma UI Design Kit for Tailwind CSS.
Inspect Flow
Inspect Flow
πŸ’ΌπŸŒ - The complete developer tool for Tailwind CSS.
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.