nightwind
tailwind-safelist-generator
Our great sponsors
nightwind | tailwind-safelist-generator | |
---|---|---|
3 | 1 | |
690 | 98 | |
- | - | |
0.0 | 0.0 | |
9 months ago | over 1 year ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
nightwind
-
The 7 best plugins to use in your Tailwind project
Nightwind is a plugin whose mission is to give you the gift of an effortless dark mode. The plugin uses your Tailwind config to automatically generate and apply classes for dark mode. It lets you write just one set of classes for your site, then you install and initialize it, and your site gets a dark mode without any further CSS on your part.
-
What are some things you’d like to see in a future TailwindCSS plug-in or in a Vue.js UI library?
Nightwind or something similar updated to work with TailwindCSS 3.x https://github.com/jjranalli/nightwind
- Possible to set a dark theme palette in tailwind.config?
tailwind-safelist-generator
-
using purge with custom components
Tailwind safelist generator is one option
What are some alternatives?
kutty - Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.
twin.macro - 🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
hexo-theme-obsidian - 🎨 A dark Hexo theme, it's responsive, simple but elegant.
tailwindcss-animate.css - Animate CSS plugin for Tailwind CSS
Tailwind CSS - A utility-first CSS framework for rapid UI development.
tailwind-bicolor - Auto handle tailwind dark mode color
tailwindcss-debug-screens - A Tailwind CSS component that shows the currently active screen (responsive breakpoint).
snowind - A Vuejs 3 Tailwindcss design system
tailwindcss-no-scrollbar - This plugin exposes a class that hides the browser's default scrollbar using various tricks.
Turn-Off-the-Lights-Chrome-extension - Chrome extension