fucking-awesome-tailwindcss
😎 Awesome things related to Tailwind CSS. With repository stars⭐ and forks🍴
https://github.com/correia-jpv/fucking-awesome-tailwindcss
Last synced: 21 days ago
JSON representation
IDE extensions
- LSP support for Emacs - Provides IntelliSense in Emacs.
- Editor support for VS2022 - IntelliSense, linting, sorting, and more in Visual Studio 2022.
Plugins
-
Typography
- Adds a
proseclass for beautiful typographic defaults. - Forms - Adds better default styles to form elements.
- Themer - Adds theming support for Tailwind CSS with CSS variables and variants.
- Bootstrap grid - Generates Bootstrap's style flexbox grid system.
-
Dot & grid backgrounds
- Adds
bg-gridandbg-dotclasses to add easy-to-customize grid and dot pattern backgrounds with just CSS. - Leading Trim - Adds utilities to trim text whitespace, using 1732⭐ 48🍴 Capsize).
-
Scrollbar Hide
- Adds
scrollbar-hideclass for visual hide scrollbar. -
Fluid
- Adds fluid
clamp()versions of every built-in utility. - px to viewport - Adds utilities to automatically convert px to vw / vh.
- Debug screens - Adds a component that shows the currently active screen (responsive breakpoint).
-
tailwind-hitslop
- Adds
hit-sloputilities to invisibly expand touch targets, like React Native'shitSlop. -
tw-fade
- Adds
fade-t/-b/-x/-yutilities that enable scroll-aware edge fading.
Source
Tools
- Prettier plugin - Official Tailwind CSS plugin for Prettier.
- RustyWind - CLI tool for sorting Tailwind CSS classes.
- tailwindcss-rails - Gem for using Tailwind CSS with Rails' asset pipeline.
- Config viewer - Local UI tool for visualizing your Tailwind CSS configuration file.
- Tailwind to Inline styles converter - Converts Tailwind CSS classes to inline styles in email templates.
- `@nuxtjs/tailwindcss` - Tailwind CSS module for Nuxt.js with PurgeCSS and modern CSS (preset env 1).
UI libraries, components & templates
- Xtend UI - Tailwind CSS components with advanced interactions and animations.
- Daisy UI - UI Components for Tailwind CSS.
- Admin One Vue 3 - Free Vue.js 3 Tailwind CSS admin template with Vite & Vue CLI support.
- Admin One React - Free React.js Tailwind CSS admin template with Next.js & TypeScript.
- Flowbite Admin Dashboard - Open-source admin dashboard template built with Tailwind CSS and Flowbite.
- Astro Template Cactus - Tailwind CSS Astro starter template.
- Astro Template Ovidius - Tailwind CSS & Astro blog template.
- Astro Template Dante - Tailwind CSS & Astro blog/portfolio template.
- Date picker - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript.
Useful links
- Headless UI - Completely unstyled, fully accessible UI components.
- Repository - Official Tailwind CSS repository.