25 SyntaxHilighter Examples
All Convertors: Converter for HTML to JSX/Jade, CSS to Less/Stylus. Uses Ace editor.
Firefox debugger: Firefox debugger with file browser, breakpoints. Also uses Flow and react-storybook.
glsl live editor: WebGL shader editor with live preview using ThreeJS. Also uses Radium, LZ zip compression, Docker.
Webpack bin: Webpack and NPM-aware bin site. NPM modules, boilerplates for React&Redux. Uses Cerebral. Integrated CodeMirror, eslint.
Dripr: screenshot/file sharing platform, similar to cloudapp. Uploads to S3. Handles images, urls, code, video. Includes desktop Electron app.
AST Explorer: Tool to explore the AST generated by various parsers. Also parses CSS, HTML, GraphQL. Parsers include flow, esprima, flow, recast, traceur, typestript, uglifyjs
react syntax highlighter: Syntax hilighter, builds React virtual DOM (instead of HTML) for better update perf.
blockbuilder: Very impressive In-browser editor for creating and remixing D3 blocks (gists). Express, Mongo. Keyboard shortcuts, file upload.
Semantic Edit: WYSYWIG HTML environment for SemanticUI. Meteor, ace editor.
closeheat: Landing page editor: file manager, preview, publishing to public URLs. Uses Github for storage.
marky: Well-done Markdown editor with synchronized preview. Uses redux, css-modules.
GraphiQL: IDE for exploring a GraphQL server. Has Typeahead query completion, error hilighting, query results.
react lessons: Tool for creating and taking interactive React tutorials. Uses Redux, supports es6 and es7.
spectacle: ReactJS-based presentation library with presenter mode, PDF export, themes, transitions, bg images.
react gist slideshow: Displays items from a gist as separate slides with syntax hilighting.
react codemirror: The excellent CodeMirror editor as a React.js component
component playground: Render React components with editable source and live preview, for documentation and demos.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |