Animation Packages

Provides a flip component (on hover, click or button) and a slide styling

Best-guess methods for smoothly interpolating and animating between shapes.

流程动画框架

Simple and powerful react animation library

Fluid ProgressBar is an Angular component that provides a customizable, fluid-like 🫗 progress bar with interactive effects such as gravity, mouse influence, and custom color groups. 💧

What is Fluid? Fluid is a wrapper to animate your component.

A React library which shows multi-colored fluid effects on cursor movements. On cursor movements or touch you can make smoke like effects. Ideal for adding dynamic, visually engaging elements to application.

JavaScript animation engine

Tiny library for performant scroll-driven effects

Progress indicators and spinners for React Native using ReactART

fixed-scroll is a fixed scrolling React library, based on which you can easily write wonderful scroll animation effects

An easy-to-use npm package that creates a fun floating emojis (or icons) animation effect that can be used to spice-up user interaction or for any other purpose. Works with all frameworks and libraries.

Floating object liberary that changes the position of an element based on the cursor position that makes floating interactive animation effect.

A floating background effect with Framer Motion for React apps.

A simple fireworks library!

HTML canvas animated Fireflies

A Firefly Button Component (using Kinet) to show congrats buttons for example :)

To use the finished animation easily

A JavaScript library for animations using GSAP and ScrollTrigger

### The only library you need for fancy animated buttons