fucking-awesome-tailwindcss

😎 Awesome things related to Tailwind CSS. With repository stars⭐ and forks🍴
https://github.com/correia-jpv/fucking-awesome-tailwindcss

Last synced: 1 day ago
JSON representation

Plugins
- Image Rendering - Adds `image-rendering` utilities.
- Typography - Adds a `prose` class for beautiful typographic defaults.
- Container queries - Provides utilities for container queries.
- Forms - Adds better default styles to form elements.
- Theme Variants - Adds theme variants based on media queries and/or CSS selectors.
- Theme Swapper - Theming using CSS variables, with media queries support.
- Themer - Adds theming support for Tailwind CSS with CSS variables and variants.
- Tailwind Elements - Extends Tailwind CSS with 500+ interactive components (datepickers, modals, forms, tables, darkmode).
- CSS Variables - Exports custom CSS variables.
- Accent - Adds `accent` colors for more dynamic and flexible color utilization.
- Radix - Adds utilities and variants for styling Radix UI state.
- Elevation - Adds 🌎 [Material UI `elevation`](material.io/design/environment/elevation.html) utilities.
- RFS - Adds <code>  3352⭐</code> <code>   215🍴</code> [`RFS`](https://github.com/twbs/rfs)) utilities.
- Bidirectional - Adds utilities for creating multilingual bidirectional layouts.
- Background SVG - Inject SVGs as background images with color variants.
- Background Unsplash - Apply 🌎 [unsplash.com](unsplash.com) images as background.
- Brand Colors - Adds various brand colors for background, border and text.
- Bootstrap Grid - Generates Bootstrap's style flexbox grid system.
- Typography - Adds a `prose` class for beautiful typographic defaults.
- Container queries - Provides utilities for container queries.
- Forms - Adds better default styles to form elements.
- Theme Variants - Adds theme variants based on media queries and/or CSS selectors.
- Theme Swapper - Theming using CSS variables, with media queries support.
- Themer - Adds theming support for Tailwind CSS with CSS variables and variants.
- Tailwind Elements - Extends Tailwind CSS with 500+ interactive components (datepickers, modals, forms, tables, darkmode).
- CSS Variables - Exports custom CSS variables.
- Accent - Adds `accent` colors for more dynamic and flexible color utilization.
- Radix - Adds utilities and variants for styling Radix UI state.
- Image Rendering - Adds `image-rendering` utilities.
- Elevation - Adds 🌎 [Material UI `elevation`](material.io/design/environment/elevation.html) utilities.
- RFS - Adds <code>  3352⭐</code> <code>   215🍴</code> [`RFS`](https://github.com/twbs/rfs)) utilities.
- Bidirectional - Adds utilities for creating multilingual bidirectional layouts.
- Background SVG - Inject SVGs as background images with color variants.
- Background Unsplash - Apply 🌎 [unsplash.com](unsplash.com) images as background.
- Brand Colors - Adds various brand colors for background, border and text.
- Bootstrap Grid - Generates Bootstrap's style flexbox grid system.
- Dot & Grid Backgrounds - Adds `bg-grid` and `bg-dot` classes to add easy-to-customize grid and dot pattern backgrounds with just CSS.
- Leading Trim - Adds utilities to trim text whitespace, using <code>  1586⭐</code> <code>    40🍴</code> [Capsize](https://github.com/seek-oss/capsize)).
- Scrollbar Hide - Adds `scrollbar-hide` class for visual hide scrollbar.
- Fluid Type - Adds fluid type (`font-size`) utilities.
- Grid Areas - Adds `grid-areas` and `grid-area` utilities.
- Dot & Grid Backgrounds - Adds `bg-grid` and `bg-dot` classes to add easy-to-customize grid and dot pattern backgrounds with just CSS.
- Leading Trim - Adds utilities to trim text whitespace, using <code>  1586⭐</code> <code>    40🍴</code> [Capsize](https://github.com/seek-oss/capsize)).
- Scrollbar Hide - Adds `scrollbar-hide` class for visual hide scrollbar.
- Fluid Type - Adds fluid type (`font-size`) utilities.
- Grid Areas - Adds `grid-areas` and `grid-area` utilities.
- Full bleed background and borders - Provides utilities for extended backgrounds and borders.
- CSS Filter Order - Adds `filter-order` utilities for changing the order of filters in the generated CSS.
- Tailwind CSS 3D - Adds 3D `transform` utilities and animations.
- Claymorphism - Adds `clay` utilities for creating claymorphism style.
- Fluid - Adds fluid `clamp()` versions of every built-in utility.
- tailwindcss-px-to-viewport - Adds utilities to automatically convert px to vw / vh.
- FormKit - Adds variants for input and form states for FormKit.
- Htmx - Adds variants for styling on 🌎 [htmx](htmx.org/reference/#classes) events.
- Quantity Queries - Adds variants for using quantity queries.
- Debug screens - Adds a component that shows the currently active screen (responsive breakpoint).
- Line Clamp - Provides utilities for visually truncating text after a fixed number of lines.
- Custom Forms - Adds better default styles to form elements.
- Aspect Ratio - Adds composable aspect ratio utilities.
- Full bleed background and borders - Provides utilities for extended backgrounds and borders.
- Tailwind CSS 3D - Adds 3D `transform` utilities and animations.
- Claymorphism - Adds `clay` utilities for creating claymorphism style.
- Fluid - Adds fluid `clamp()` versions of every built-in utility.
- tailwindcss-px-to-viewport - Adds utilities to automatically convert px to vw / vh.
- FormKit - Adds variants for input and form states for FormKit.
- Htmx - Adds variants for styling on 🌎 [htmx](htmx.org/reference/#classes) events.
- Quantity Queries - Adds variants for using quantity queries.
- Debug screens - Adds a component that shows the currently active screen (responsive breakpoint).
- Line Clamp - Provides utilities for visually truncating text after a fixed number of lines.
- Custom Forms - Adds better default styles to form elements.
- Aspect Ratio - Adds composable aspect ratio utilities.
Useful Links
- Repository - Official Tailwind CSS repository.
- Headless UI - Completely unstyled, fully accessible UI components.
- Repository - Official Tailwind CSS repository.
- Headless UI - Completely unstyled, fully accessible UI components.
IDE Extensions
- LSP support for Emacs - LSP support for Emacs.
- CSS to TailwindCSS converter for Code - Converts CSS to Tailwind CSS in Visual Studio Code.
- Editor support for VS2022 - IntelliSense, linting, sorting, and more in Visual Studio 2022.
- LSP support for Emacs - LSP support for Emacs.
- CSS to TailwindCSS converter for Code - Converts CSS to Tailwind CSS in Visual Studio Code.
- Editor support for VS2022 - IntelliSense, linting, sorting, and more in Visual Studio 2022.
Tools
- Prettier plugin - Official Tailwind CSS plugin for Prettier.
- Prettier plugin - Official Tailwind CSS plugin for Prettier.

Programming Languages

JavaScript 37 TypeScript 28 HTML 4 C# 2 Emacs Lisp 2

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

fucking-awesome-tailwindcss

Plugins

Useful Links

IDE Extensions

Tools