Articles for the Animation tag
-
React Native Morph Card: The App Store Expand Trick, Done Natively
A tiny, focused native module that nails one delightful interaction: the card that grows into a fullscreen detail view and gracefully shrinks back.
-
Throwing a Physics-Powered Party with React Native Fast Confetti
Celebratory confetti is everywhere in mobile apps, but doing it smoothly at high piece counts has always been a pain. This library makes dense, 60fps confetti cheap by drawing everything in one Skia call and simulating real physics on the UI thread.
-
React Native Header Motion: Headless Plumbing for Headers That Actually Collapse
Collapsible headers are one of those features that look trivial in a demo and turn into a swamp in a real app. This library hands you the plumbing so you can stop reinventing it.
-
React Native Reshuffled: Drag, Drop, and Reshuffle a True 2D Grid
A look at a niche but cleverly engineered React Native library that turns drag-to-rearrange grids into a native-speed, coordinate-based affair.
-
tsParticles: Confetti, Constellations, and Snow Without the Canvas Headache
Particle animations used to mean wrestling with raw canvas code. tsParticles turns them into a declarative config object you can drop into any React app.
-
Remotion: Make Real Videos With React Components
If you already think in React and CSS, you already know enough to make video. Remotion treats a video as a function of a frame number and renders your components into an actual file.
-
React Native Worklets: Threading the Needle Across Runtimes
Single-threaded JavaScript is the quiet bottleneck behind most janky React Native apps. react-native-worklets hands you extra threads and runtimes in plain JavaScript, no native code required.
-
Sanding Down the Sharp Edges of View Transitions with view-transitions-toolkit
The native View Transitions API is powerful but low-level. This toolkit hands you small, well-typed helpers that turn its most tedious recipes into one-liners.
-
Typed.js: The Invisible Typist Living Inside Your Website
Every memorable landing page has that moment where text appears letter by letter, as if a ghost is typing it in real time. Typed.js has been conjuring that illusion since 2013, and with v3.0.0 it is still the most popular way to make your hero section feel alive.
-
Peek: The Disappearing Header Act Your Site Has Been Missing
Headers that know when to get out of the way make content-heavy sites feel faster and more spacious. Peek gives you scroll-aware header behavior in under 4KB of dependency-free JavaScript, using modern browser APIs for buttery-smooth performance.