150 Beautiful Examples
tmdb app: Movie search with type-ahead. Uses Twitter's typeahead.js and Bloodhound suggestion engine, loading data via The Movie Database API.
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.
relay visual learners: Interactive diagram about Relay (GraphQL client)... mouseover diagram to see docs. Loads SVG fragments from XML files.
JSON Resume: Resume/Portfolio example. Displays a CV in JSON Resume schema format
iTunes Remote: ITunes web UI. Express backend uses Websockets, AppleScript.
soundcloud redux: SoundCloud API client built with Redux and Redux-Saga
key and pad: Web audio experiment keyboard-controlled synthesizer and a mouse-controlled X/Y pad. Has VCR-like recorded sessions using redux-vcr.
react trello board: Trello-like board. Excellent drag/drop feedback and previews.
learnGitBranching: Great intro to Git, branching - visualizations, exercises
iOS Calc: iOS Calculator app in React. Display text scales to fit. Uses a 'point event' to avoid 300ms click penalty on mobile.
central limit: A visual explanation of the central limit theorem.
pabla: Image Editor with download. Shows a custom renderer for declarative JSX with Canvas.
franklin: DNA sequence annotation tool. Tested with Enzyme, sinon.
Fallout pipboy: CRT/green-screen effects: Fallout-style pip boy display.
react infinite calendar: Super-smooth Infinite scrolling date-picker. Built on react-virtualized. Tested with enzyme, sinon. Demo uses Storybook.
panther: Discover artists through an infinite node graph. Spotify API, redux-saga, rethinkDB, reselect, react-flip-move.
glsl live editor: WebGL shader editor with live preview using ThreeJS. Also uses Radium, LZ zip compression, Docker.
shade: CSS Gradient explorer. Fast and fun.
favesound: Soundcloud player. Uses redux-thunk, normalizr, lodash-fp, enzyme, eslint.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |