alpine-intersect-animate
An Alpine.js plugin to animate DOM once it shows up on the viewport (by s-patompong)
tailwindcss-animate.css
Animate CSS plugin for Tailwind CSS (by bentzibentz)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
alpine-intersect-animate | tailwindcss-animate.css | |
---|---|---|
1 | 2 | |
18 | 129 | |
- | - | |
0.0 | 4.4 | |
over 2 years ago | 5 months ago | |
JavaScript | JavaScript | |
- | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
alpine-intersect-animate
Posts with mentions or reviews of alpine-intersect-animate.
We have used some of these posts to build our list of alternatives
and similar projects.
-
I just created the alpine-intersect-animate plugin
The repo is at https://github.com/s-patompong/alpine-intersect-animate if anyone is interested. I do use x-intesect as a base code so thank you the creator of Alpine for that.
tailwindcss-animate.css
Posts with mentions or reviews of tailwindcss-animate.css.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-01-18.
-
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?
When comparing alpine-intersect-animate and tailwindcss-animate.css you can also consider the following projects:
alpine-magic-helpers - A collection of magic properties and helper functions for use with Alpine.js
nightwind - An automatic, customisable, overridable Tailwind dark mode plugin
react-in-viewport - Detect if React component is in viewport
tailwind-safelist-generator - Tailwind plugin to generate purge-safe.txt files
tailwind-animatecss - animate.css as a Tailwind plugin
animated-tailwindcss - A configuration to use Animate.css with Tailwind CSS.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
easings.net - Easing Functions Cheat Sheet
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
alpine-intersect-animate vs alpine-magic-helpers
tailwindcss-animate.css vs nightwind
alpine-intersect-animate vs react-in-viewport
tailwindcss-animate.css vs tailwind-safelist-generator
alpine-intersect-animate vs tailwind-animatecss
tailwindcss-animate.css vs animated-tailwindcss
tailwindcss-animate.css vs Tailwind CSS
tailwindcss-animate.css vs easings.net
tailwindcss-animate.css vs animate.css