Tailwind CSS Plugins

This list will help you find the best Tailwind CSS plugin.

FormKit
FormKit
🧬 - Adds variants for input and form states for FormKit.
Background Unsplash
Background Unsplash
πŸ’Ό - Apply unsplash.com images as background.
Themer
Themer
🎨🧬 - Adds theming support for Tailwind CSS with CSS variables and variants.
Container Queries
Container Queries
🧬 - Adds CSS Container Query variants.
Themeable
Themeable
🎨🧬 - Adds multiple themes support for Tailwind CSS.
Radix
Radix
πŸ’ΌπŸ§¬ - Adds utilities and variants for styling Radix UI state.
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.
Downwind CSS Text Decoration
Downwind CSS Text Decoration
πŸ’Ό - Adds composable text-decoration utilities.
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.
Forms
Forms
πŸ’™ - Adds better default styles to form elements.
Aspect Ratio
Aspect Ratio
πŸ’™πŸ’Ό - Adds composable aspect ratio utilities.
Spaced Items
Spaced Items
πŸ›‘πŸ§© - Adds spaced components that add fixed margins to all container items.
Spinner
Spinner
πŸ›‘πŸ§© - Adds a spinner component.
CSS Alpha Colors
CSS Alpha Colors
πŸ›‘πŸ§¬ - Adds opacity variants to existing colors.
Font Variant Numeric
Font Variant Numeric
πŸ›‘πŸ’Ό - Adds font-variant-numeric utilities.
Cursor Extended
Cursor Extended
πŸ›‘πŸ’Ό - Extends cursor utilities.
Glhd's Transitions
Glhd's Transitions
πŸ›‘πŸ’Ό - Adds basic transition utilities.
Webdna's Transitions
Webdna's Transitions
πŸ›‘πŸ’Ό - Adds configurable transition utilities.
Benface's Transitions
Benface's Transitions
πŸ›‘πŸ’Ό - Adds configurable transition utilities, with or without CSS variables.
Transforms
Transforms
πŸ›‘πŸ’Ό - Adds transform utilities.
Grid
Grid
πŸ›‘πŸ’Ό - Adds CSS grids utilities.
Layout
Layout
πŸ›‘πŸ’Ό - Adds some layout utilities.
Accessibility
Accessibility
πŸ›‘πŸ’Ό - Adds screen reader utilities.
Object Position
Object Position
πŸ›‘πŸ’Ό - Adds object-position utilities.
Object Fit
Object Fit
πŸ›‘πŸ’Ό - Adds object-fit utilities.
Visually Hidden
Visually Hidden
πŸ›‘πŸ’Ό - Adds screen reader utilities.
Lorisleiva's Gradients
Lorisleiva's Gradients
πŸ›‘πŸ’Ό - Adds background gradient utilities.
Benface's Gradients
Benface's Gradients
πŸ›‘πŸ’Ό - Adds gradient utilities.
CSS Variables
CSS Variables
🧩 - Exports configuration to CSS Custom Properties.
Colors To CSS Variables
Colors To CSS Variables
🧩 - Exports color configuration to CSS Custom Properties.
Skip Link
Skip Link
🧩 - Adds a Skip to main content accessible component.
Card
Card
🧩 - Adds card components.
Bootstrap Tables
Bootstrap Tables
🧩 - Adds table components based on Bootstrap's tables.
Responsive Embed
Responsive Embed
🧩 - Adds a responsive-embed component.
Heropatterns
Heropatterns
🧩 - Adds Hero Patterns components.
Debug Screens
Debug Screens
🧩 - Adds a component that shows the currently active screen (responsive breakpoint).