nightwind
snowind
Our great sponsors
nightwind | snowind | |
---|---|---|
3 | 4 | |
693 | 6 | |
- | - | |
0.0 | 3.2 | |
4 days ago | 8 months ago | |
JavaScript | Vue | |
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?
snowind
-
Possible to set a dark theme palette in tailwind.config?
Yes: the Snowind plugin defines a set of semantic colors as utilities with dark mode support and variants, so that you can do things like this:
-
Can you share your insights from working with tailwind css and the pros and cons of it all please?
For me in the end using Tailwind made it possible to take advantage of it's flexibility to develop new things: ex: Snowind is a Tailwind plugin that defines some semantic colors as utilities used in some Vue components to achieve a consistent design system
-
Do you use semantic color names?
Post an issue with your details on the Snowind repo if you still have trouble
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.
hexo-theme-obsidian - 🎨 A dark Hexo theme, it's responsive, simple but elegant.
tailwindcss-animate.css - Animate CSS plugin for Tailwind CSS
tailwind-bicolor - Auto handle tailwind dark mode color
tailwind-safelist-generator - Tailwind plugin to generate purge-safe.txt files
Turn-Off-the-Lights-Chrome-extension - Chrome extension
versoly-ui - Tailwind CSS components library based on Bootstrap
tailwindcss-forms - A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.
tailwind-heropatterns - Streamlined integration between tailwindcss and heropatterns.com
tailwindcss-highlights - A plugin for tailwindcss to add highlights to your text
tailwindcss-theme-variants - Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS