Articles for the Animation tag
-
Calligraph: Where Letters Learn to Slide Instead of Snap
0 views
Most text on the web changes by blinking out of existence and reappearing as something else. Calligraph asks a better question: what if the letters that stayed the same simply slid into place?
-
Shaders: GPU Eye-Candy Without Writing a Single Line of WGSL
2 views
Most of us file shader programming under 'someday, maybe' — right next to learning the cello. Shaders flips that on its head, turning GPU effects into ordinary React components you can drop in and configure with props.
-
SSGOI: Give Your Web Pages the Transitions a Native App Would Brag About
0 views
Native apps glide between screens. Most websites just blink one page out and the next page in. SSGOI closes that gap with one wrapper and a handful of transition presets.
-
React Native Morph Card: The App Store Expand Trick, Done Natively
0 views
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
1 view
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
4 views
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
1 view
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
4 views
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
1 view
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
1 view
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.