Skip to content
This repository was archived by the owner on May 28, 2026. It is now read-only.

devoteam-se/web-animation-lab

Repository files navigation

Animation lab

To start: npm install && npm run dev

Goal

Check the animations at CSS Lab and but don't click on any animations (unless you want to see the CSS for them)

Try to build the animations using whatever library you like.

The following have a simple example already implemented:

  • css
  • motion.dev
  • react-spring

If you want something harder to animate, you can check:

You can also try to do animations based on:

  • User interactions (e.g. hover, click, etc)
  • Data changes
    • in the real world maybe based on data from a backend
    • in this case maybe a setTimeout() could work instead?

About

We're learning about animation (CSS, motion.dev, react-spring) 2026-03-27

Resources

Stars

Watchers

Forks

Contributors