Data Display

Minimalist tables, lists, and visual card alignments.

Magic Tree

A beautiful animated file tree component with sparkles and smooth folder expansion.

Magical Folder

Shiny File.txt

Hidden Gems

Gem.js

Plain File.md

View Documentation

Telemetry Widgets

A premium collection of real-time bento telemetry widgets inspired by industrial instrument displays, featuring interactive audio, CPU heap tracking, battery states, and a custom mouse/keypress canvas seismograph.

Interactive Telemetry Dashboard

A premium, hardware-inspired bento grid with Web Audio ticks, heap memory sensor rings, and an active canvas oscilloscope.

System Clock

LIVE

Syncing...

Battery Status

DISCHARGING

SIM

85%

Internal cell · on discharge

Engine Memory

JS HEAP

SIM

124MB

/ 4.2 GB Limit

3.5% UTILIZED

Input Oscilloscope · CH 01

RECLIVE

0EVT/MIN

POINTER + KEYBOARD

Pipeline Activity

DEVSTREAM

SIM

Audio Spectrum Analyzer

16 CH · GAIN ONSIM

64DB SPL

ACTIVE SYNTH MONITOR

Network Pipeline

4G LINKSIM

32MS RTT

DL RATE: 54 MBPS

RTT JITTER: ±3ms · STABLE

Browser Storage

SANDBOXSIM

2.4 MB

/ 32 GB ALLOCATED

INDEXEDDB + CACHE STORAGE

View Documentation

3D Masonry Orbit

An interactive 3D cylindrical gallery that orbits images in a masonry layout. Responds to mouse drags, scrolls, and raycasted hover-scaling.

LOADING ASSETS... (0/42)

Gallery

Drag to explore • Hover to focus

Adjust 3D Masonry Orbit Props

Columns14

Rows3

Radius16px

Border Radius0.15

Column Width/Spacing1

Rotation Speed0.002

Fog Density0.025

Hide Overlay UI

Title Text

Description Text

View Documentation

3D Carousel

A lightweight, high-performance 3D image carousel with physics-based drag inertia, autoplay spin, and cursor hover tilting.

Drag or Left/Right arrows to rotate•Space to toggle play

Adjust 3D Carousel Parameters

Orbit Radius240px

Card Width180px

Card Height240px

Enable Autospin When Idle

* Drag cards vertically or horizontally to spin with inertia. Move mouse up/down to tilt perspective. Keyboard Focus support: select container and use ArrowLeft/Right to manually step, Space to toggle Autospin.

View Documentation

Sphere Carousel

A premium 3D holographic sphere carousel distributing circular image cards evenly via Fibonacci points, featuring dual-axis drag inertia, autoplay spinning, and camera depth-of-field blur.

Drag in any direction to spin•Arrows to steer•Space to play

Adjust Sphere Carousel Parameters

Sphere Radius200px

Card Dimension Size100px

Enable Idle Autospin

* Drag the sphere in any direction (X or Y coordinates) to rotate. Release to spin with inertia. Keyboard Focus support: select container and use Arrow keys to steer, Space to toggle Autospin.

View Documentation

3D Photo Carousel

A responsive 3D cylindrical image carousel built with Framer Motion. Responds to drag rotation, handles image modal expansions, and supports custom spacing, border-radius, and keyboard interactions.

Adjust 3D Photo Carousel Props

Spacing (Column Distance)1

Border Radius12px

Cylinder Width1800px

Auto Rotation Speed0

Hide Close UI Hint

* Click a card to expand. Click background/press ESC to close. Focus container & press Left/Right arrow keys to spin.

View Documentation

Infinity Canvas

A flat-plane infinite photo gallery canvas with continuous zooming, physics-based drag inertia, and mouse parallax drift.

DRAG TO MOVE • WHEEL TO ZOOM

Adjust Infinity Canvas Parameters

Density (Images per cell)5

Image Tile Width150px

Image Tile Height150px

Border Radius6/20

Drag & Zoom Speed20

Parallax Drift Amount12

Inertia Friction10

Canvas Background

* Drag to navigate the infinite 2D plane with momentum. Scroll the mouse wheel to seamlessly zoom in/out of infinite octave layers. Mouse movements trigger subtle layout parallax drift.

View Documentation

Home Next Category →Cards

Data Display

Magic Tree

Telemetry Widgets

Interactive Telemetry Dashboard

3D Masonry Orbit

Gallery

3D Carousel

Sphere Carousel

3D Photo Carousel

Infinity Canvas

Command Palette