132 Animation Examples
illustrated algorithms: Amazing interactive visualizations of algorithm execution. Fast-forward and rewind. Babel-plugin-trace-execution captures execution details. Deployed with Now.
Movies landing page: Browse movies a la Netflix. Hits MovieDB API using fetch.
react motion aframe: A-Frame VR, using a react-motion spring to move camera
react aframe demo1: VR AFrame demo using aframe-react. Works with VR headsets.
react music: Make dope beats with React. Spectrum analyzer using WebAudio API, Canvas. Song has tempo, sequencers, audio samples.
learnGitBranching: Great intro to Git, branching - visualizations, exercises
react trivia: Jeopardy-style trivia with ReactJS facts
mega man robot masters: Lists the robot masters from the Mega Man series. Uses react-flip-move that uses FLIP animations.
react native animation book: Book chock-full of examples and demos. WIP.
react sortable hoc: HOC to add drag-drop reordering to any list. Smooth animations. Works with react-virtualized, react-infinite.
chat template: Enables quick prototyping of bot conversations. Also uses storybook, Aphrodite styling, stateless components, CSS transition group.
panther: Discover artists through an infinite node graph. Spotify API, redux-saga, rethinkDB, reselect, react-flip-move.
SVG toggle check: Animated checkbox toggle with react-motion and SVG
react stonecutter: Animated grid layout, a la Pinterest/masonry. Responsive, different heights. CSS or react-motion.
Tunes deck: Scrobbled songs with youtube links. Smooth fade-in using react-flip.
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 mt svg lines: Animate SVG's via CSS injection to animate stroke-dashoffset.
fitc react spotlight: ReactF1 animation library: declare states and transitions. Highly performant.
repeat todo: Offline-enabled with ServiceWorker, LocalStorage. Stateless components. Smooth react-motion animations.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |