25 JSON Examples
JSON Resume: Resume/Portfolio example. Displays a CV in JSON Resume schema format
mr data generator: Generate data by clicking; download as JSON/CSV. D3, Redux.
redux state history: Redux tools with time travel - stores only state diffs, without replaying actions. Can download/upload state as JSON.
kinto admin: JSON-Schema driven UI for editing collections of JSON objects.
sankey: D3 Faux-dom app to build and read sankey diagrams.
react object inspector: Object inspector, styled similar to Chrome DevTools.
react json viewer: Useful tool to render arbitrary JSON data as tables.
react json inspector: JSON inspector that features tree expansion and fast search.
npm click: Site to check package.json for updates. Accepts file drag/drop. Nice animated pie chart.
Soothe Operator: 'A sleep inducing machine with tractors and doom metal loops'. Reads posts from Wordpress JSON.
App Store Search: UI for iTunes Search API. Jsonp, jquery ajax. Try ID of 930804327.
Storefront Time Tracker: Time-tracking demo using Storefront flux. Has stores for projects, entries, timer. JSON schema for entry and project. FontAwesome for spinning clock animation.
just dadjokes: Bad dad jokes from /r/dadjokes. Tight code- 290 lines. Can inline image and video links from Imgur, YouTube.
Count Instagram Tags: demonstrates Instagram API with jsonp.
react domify: Display JSON as DOM elements. Great for debugging. Embeds own CSS.
Invoice generator. Suprisingly small code. UI in Finnish, code English. Uses plexus-form for UI generation from JSON schema.
plexus form: Dynamically generates form layout and validation from a JSON-schema specification.
Drag nested outline nodes, see JSON rendering in realtime. Drag and drop.
flux react router example: uses open Github API to display starred repos by users and stargazers by repo. Very fast Back navigation.
Popular Instagram Photos. Like photos to add to a favorites list. CSS shows heart. Instagram API, JQuery getJSON.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |