Animate Your Stimulusjs Components.
Steps for Using Animate.css with Stimulus in a Rails app
yarn add animate.css
In the Webpack stylesheet manifest load only the animations you want.
- The animate.css speed choices are all too slow so let’s create some utility classes so we can use faster speeds (see lines).
Now we’re ready to use
shakeanimate.css animations and at faster speeds.
- There you go. Simple and lightweight animations for your Stimulusjs components.