136 Editor Examples
All Convertors: Converter for HTML to JSX/Jade, CSS to Less/Stylus. Uses Ace editor.
tinysynth: Fun drums looper/sequencer with WebAudio API, plus random song functionality
aframe inspector: Inspect and modify Aframe 3D scene graphs. Also has Jest tests, ghpages deploy.
mr data generator: Generate data by clicking; download as JSON/CSV. D3, Redux.
portfolio cms: Rails-based CMS, blog
pabla: Image Editor with download. Shows a custom renderer for declarative JSX with Canvas.
franklin: DNA sequence annotation tool. Tested with Enzyme, sinon.
formbuilder: Drag & Drop editor for JSON schema. Surveys can be published, filled out by the public, like Google Forms.
roast tracker: Firebase app to track coffee roasts. Login with Facebook or Google.
datamaps: Platform for map visualizations. Upload CSV, customize appearance. Can download PNG or SVG.
EschVG: Escher-esque geometrical illusion drawing app
courser: Quiz app. Uses Dropbox for storage, sharing.
sentry: Large real-world project: Real-time crash reporting. Python backend.
glsl live editor: WebGL shader editor with live preview using ThreeJS. Also uses Radium, LZ zip compression, Docker.
noteme: Electron app: Clone of OSX Notes for Windows/Ubuntu. Autosave, PouchDB.
react sketchpad: Canvas drawing. Tools include Line, Ellipse, Pencil, Rectangle. Can optionally synch via Websockets.
shade: CSS Gradient explorer. Fast and fun.
draft js plugins: DraftJS plugins- include Mention, Linkify, Sticker, Emoji, Hashtag, Undo.
react rte: Rich WYSYWIG editor built on DraftJS, for replacing textarea. Extensible formats-currently HTML/Markdown. Uses Flow type annotations, E6 classes.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |