Tailwind CSS Plugins

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

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).
Fluid
Fluid
🧬 - Generates fl: variants.
Padded Radius
Padded Radius
🧬 - Adds variants for matching nested border radii.
Important
Important
🧬 - Adds an important variant.
Localized
Localized
🧬 - Adds variants based on the HTML lang attribute, to use utilities only with certain languages.
Alpha
Alpha
🧬 - Adds alpha color variants.
Touch
Touch
🧬 - Adds touch variants.
Direction
Direction
🧬 - Adds RTL and LTR variants.