📰 animations

A Million Little Secrets

Deconstructing the “Whimsical Animations” landing page

weeklyfoo #74 / 2025-03-03

Open

animations

A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()

With just CSS you can add scroll animations that toggle shadows on navbars, reveal images, add scrollytelling, link up carousel elements and much more.

weeklyfoo #17 / 2024-01-28

Open

cssanimations

Bonfire with CSS

Unbelievable but true!

weeklyfoo #30 / 2024-04-29

Open

animationscss

Building Websites With LLMS

And by LLMS I mean: (L)ots of (L)ittle ht(M)l page(S).

weeklyfoo #77 / 2025-03-24

Open

animations

Framer Motion is now independent, introducing Motion

Twi big changes: new home at motion.dev and not only a react library anymore.

weeklyfoo #59 / 2024-11-18

Open

animations

Introducing magnetic and zoning features in Motion+ Cursor

Motion+ Cursor is a creative cursor component for React and Vue. Its simple API makes it quick to spin up cursor effects of any kind, from floating tooltips, image previews, to entire cursor replacements.

weeklyfoo #85 / 2025-05-19

Open

animations

Motion examples

Great if you want to start with motion!

weeklyfoo #66 / 2025-01-06

Open

animations

My favourite animation trick: exponential smoothing

Includes lots of math! ;)

weeklyfoo #24 / 2024-03-18

Open

animations

Replace your JavaScript Animation Library with View Transitions

Bonus points: save space by removing the dependency!

weeklyfoo #72 / 2025-02-17

Open

animations

Tixy Land

Examples of effects with minimal math formulas.

weeklyfoo #85 / 2025-05-19

Open

animations