Schema · JSON viewer

JSON as a tree you can fold. Chevrons turn, children fold on a grid track and arrive 25ms apart out of a blur; a folded node shows its size in place of its children.

Schema · JSON viewer is part of Pro.

Get Pro to try it live and copy its code, along with every other element in the library.

Get Pro Already Pro? Sign in

StreakAdding a day rolls the number, scatters and reassembles the flame, and fills today's cell; a full week slides away. [x, y, heat]: heat 0 = --ts-warning (tip), 1 = --ts-danger (base); edges run hotter than the core
Liquid storageA storage bar that behaves like liquid. Segments pour in on a wobbly spring, the one you hover swells while the rest fade back, and pressing a segment drains it out until you restore.
Self-filling dashboardA dashboard whose loading state is the reveal. Two cards land one after the other, the revenue number rolls in digit by digit, the heat grid pops cell by cell, and the channel bars sweep to their share.
Payments globeA dotted Earth that sways around the home city. Payments launch from their cities in turn, arc over the limb as comets and land on home with a ripple while the day's total rolls up.
Time zonesThree cities as big clocks, home on top. Drag (or arrow-key) the ruler underneath to travel in time: every city reads the same instant in its own zone (Intl, DST-correct), digits roll, the ruler coasts and settles on a quarter hour.
Commit skylineA commit calendar that stands up. Each day is a bar whose height is its commit count; Stand up tips the grid into perspective, drag to turn it, hover or use the arrow keys to read a day.

Schema · JSON viewer

Schema · JSON viewer is part of Pro.

Related