16 RequestAnimationFrame Examples
illustrated algorithms: Amazing interactive visualizations of algorithm execution. Fast-forward and rewind. Babel-plugin-trace-execution captures execution details. Deployed with Now.
spectacle code slide: Spectacle plugin to hi-light, scroll, lines of text in presentations.
react particles experiment: Smooth animation with redux, d3. Stateless components. D3 event listeners.
react chronometer: A simple chronometer, accurate to 1/100th second. Has Start/Stop/Reset.
react virtualized: Efficiently rendering large, scrollable lists and tabular data. Beautiful code.
Reacteroids: Asteroids in Canvas. Does inertia, collision detection, velocity, rotation using Math.sin / cos. ES6 classes.
2048 react: implementation of the popular 2048 game by Gabriele Cirulli.
react logo: Animated React logo with SVG
react transitive number: Animates number transitions smoothly, nice effect.
react magician: Animate multiple elements on a time-based scale.
react canvas: Flipboard wanted a web version of their native experience... smooth animations at 60fps. So they built it with Canvas.
reagent breakout: Breakout game written with ClojureScript, Reagent. 403 lines of code.
RAnimation: Animation library optimized for mobile with RequestAnimationFrame. Interruptible animations. Animations can be static (fixed duration) or physical (less predictable). Feels smooth, natural.
game of life: cellular automata game in React.js. Can toggle cells, start/stop, change survival and birth rules. Uses requestAnimationFrame, divs/css.
react skitter transitions: React component port of skitter slideshow transitions. Uses react-tween-state, jest, requestAnimationFrame.
Asteroids game (unfinished). Uses RequestAnimationFrame, KineticJS for animation.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |