Topics / #transition

Transition projects on GitHub

Animated transitions between pages or states in web interfaces.

As of , the most-starred Transition projects on GitHub are motion (34.2K stars), Hover (29.4K stars) and scrollreveal (22.5K stars). GitHub.Locker tracks 6 Transition repositories with 134.9K stars combined. The fastest-growing on October 16 was motion, with +41 stars in a day.

6Projects
134.9KStars in total
+45Stars in a day
Browse in the catalog →github.com/topics/transition ↗

Hot right now

Most stars gained in a day · Oct 16

+41

motion

motiondivision/motion · ★ 34.2K

Motion is an open source animation library for JavaScript, React and Vue — you may know it by its former name, Framer Motion.

+2

auto-animate

formkit/auto-animate · ★ 13.9K

AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app with a single line of code.

+1

Hover

IanLunn/Hover · ★ 29.4K

Hover.css is a collection of ready-made CSS3 hover effects for links, buttons, logos, SVG, and featured images that you can apply, tweak, or just use as inspiration.

+1

react-motion

chenglou/react-motion · ★ 21.9K

react-motion is a React animation library that uses spring physics instead of hard-coded durations and easing curves to animate components.

The all-time top

6 projects · by stars

  1. #1 · motiondivision/motion

    motion

    Motion is an open source animation library for JavaScript, React and Vue — you may know it by its former name, Framer Motion.

    34.2K
  2. #2 · IanLunn/Hover

    Hover

    Hover.css is a collection of ready-made CSS3 hover effects for links, buttons, logos, SVG, and featured images that you can apply, tweak, or just use as inspiration.

    29.4K
  3. #3 · jlmakes/scrollreveal

    scrollreveal

    ScrollReveal is a JavaScript library that animates elements on a web page as they scroll into view.

    22.5K
  1. 4

    react-motion

    21.9Kchenglou/react-motion · JavaScript

    react-motion is a React animation library that uses spring physics instead of hard-coded durations and easing curves to animate components.

  2. 5

    auto-animate

    13.9Kformkit/auto-animate · TypeScript

    AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app with a single line of code.

  3. 6

    barba

    13Kbarbajs/barba · TypeScript

    Barba.js is a small JavaScript library that creates fluid, SPA-like page transitions between the pages of a regular website, reducing load delay and HTTP requests.

Often tagged together