Best Projects Made With Tailwind CSS

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

Touch
Touch
🧬 - Adds touch variants.
Direction
Direction
🧬 - Adds RTL and LTR variants.
Pseudo
Pseudo
🧬 - Adds custom variants to Tailwind CSS's configuration.
Leading Trim
Leading Trim
💼 - Adds utilities to trim text whitespace, using Capsize.
CSS Filters
CSS Filters
💼 - Adds filter and backdrop-filter utilities with defaults.
Bootstrap Grid
Bootstrap Grid
💼 - Generates Bootstrap's style flexbox grid system.
Brand Colors
Brand Colors
💼 - Adds various brand colors for background, border and text.
Background SVG
Background SVG
💼 - Inject SVGs as background images with color variants.
Bidirectional
Bidirectional
💼 - Adds utilities for creating multilingual bidirectional layouts.
Tooltip Arrows After
Tooltip Arrows After
💼 - Adds CSS utilities for tooltip arrows with configurable border and background.
CSS Logical Properties
CSS Logical Properties
💼 - Generate utilities for CSS Logical Properties.
Truncate Multiline
Truncate Multiline
💼 - Adds utilities to truncate multi-line text elements.
Scrims
Scrims
💼 - Adds scrims utilities.
Triangle After
Triangle After
💼 - Adds CSS triangles utilities.
Typography
Typography
💼 - Adds typography utilities.
Fluid
Fluid
💼 - Adds fluid sizing utilities.
List Reset
List Reset
💼 - Adds back the list-reset class that was removed prior to Tailwind CSS 1.0.
RFS
RFS
💼 - Adds `RFS` utilities.
Border Gradients
Border Gradients
💼 - Adds border-image gradient utilities.
Hyphens
Hyphens
💼 - Adds hyphens utilities.
Writing Mode
Writing Mode
💼 - Adds writing-mode utilities.
Colorize
Colorize
💼 - Adds filter utilities.
Blend Mode
Blend Mode
💼 - Adds blend-mode utilities.
Caret Color
Caret Color
💼 - Adds caret color utilities.
Elevation
Elevation
💼 - Adds Material UI `elevation` utilities.
Filters
Filters
💼 - Adds filter utilities.
Image Rendering
Image Rendering
💼 - Adds image-rendering utilities.
Text Indent
Text Indent
💼 - Adds text-indent utilities.
Shadow Outline Colors
Shadow Outline Colors
💼 - Adds box-shadow utilities based on configured colors.
Scroll Snap
Scroll Snap
💼 - Adds scroll-snap utilities.
Custom Native
Custom Native
💼 - Leverages Tailwind CSS's configuration to allow the creation of utilities.
Aspect Ratio
Aspect Ratio
💼 - Adds aspect-ratio utilities.
Gap
Gap
💼 - Adds gap utilities.
Dark Mode
Dark Mode
🎨🧬 - Adds dark variants based on the prefers-color-scheme media query.
Dark Mode
Dark Mode
🎨🧬 - Adds dark variants based on CSS classes.
Prefers Dark Mode
Prefers Dark Mode
🎨🧬 - Adds variants based on the prefers-color-scheme media query.
Theme Swapper
Theme Swapper
🎨🧬 - Theming using CSS variables, with media queries support.
Multi Theme
Multi Theme
🎨🧬 - Adds theme variants based on a single theme property.
Theme Variants
Theme Variants
🎨🧬 - Adds them variants based on media queries and/or CSS selectors.
Theming
Theming
🎨🧬 - Theming using CSS variables, with dark mode support.
Custom Forms
Custom Forms
💙🧩 - Adds better default styles to form elements.
Typography
Typography
💙🧩 - Adds a prose class for beautiful typographic defaults.
IntelliSense For Neovim
IntelliSense For Neovim
IntelliSense extension for Neovim.
Shades For Code
Shades For Code
Color palette generator extension for Visual Studio Code.
Headwind For Code
Headwind For Code
Class sorter extension for Visual Studio Code.
Styled Snippets For Code
Styled Snippets For Code
Snippet extension for Visual Studio Code.
IntelliSense For Code
IntelliSense For Code
💙 - IntelliSense extension for Visual Studio Code.
Built With Tailwind
Built With Tailwind
Community-driven collection of awesome websites built with Tailwind CSS.
Tailwind Weekly
Tailwind Weekly
Weekly newsletter about all things Tailwind CSS.
Play
Play
💙 - Advanced online playground for Tailwind CSS.