nightwind
tailwindcss-animate.css
Our great sponsors
nightwind | tailwindcss-animate.css | |
---|---|---|
3 | 2 | |
693 | 128 | |
- | - | |
0.0 | 4.4 | |
8 days ago | 5 months 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?
tailwindcss-animate.css
-
Using Animate.css with Tailwind CSS
So, I thought of writing some plugin-like stuff that adds Animate.css animations and the necessary animation utilities to make things easier. There wasn't any specific reason to choose Animate.css over other libraries. It was just a thought that let's start with the most popular one, then add the others later. Firstly I started searching if any similar package exists or not. There is tailwindcss-animatecss but it requires way too much configuration for JIT mode. There wasn't much activity on its repository, so instead of contributing to it, I started working on a package of my own - animated-tailwindcss.
-
Animate.css with Tailwind CSS
The question will probably make you search for some plugin, and the first one on the list will be tailwindcss-animatecss. It is a great plugin in itself, except it requires quite a configuration. Although its adjustable (optional) settings are pretty nice, but setting the variants and required classes seems overkill in the new JIT mode.
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.
tailwind-safelist-generator - Tailwind plugin to generate purge-safe.txt files
hexo-theme-obsidian - 🎨 A dark Hexo theme, it's responsive, simple but elegant.
animated-tailwindcss - A configuration to use Animate.css with Tailwind CSS.
tailwind-bicolor - Auto handle tailwind dark mode color
alpine-intersect-animate - An Alpine.js plugin to animate DOM once it shows up on the viewport
Tailwind CSS - A utility-first CSS framework for rapid UI development.
snowind - A Vuejs 3 Tailwindcss design system
easings.net - Easing Functions Cheat Sheet
Turn-Off-the-Lights-Chrome-extension - Chrome extension
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.