Client-only runtime
Start audio or map libraries on mount so SSR stays clean.
A focused component lab that stays shippable.
Six runnable components cover maps, scheduling, pitch, waveforms, data viz, and 3D, each linked to a guide and demo route.
Categories
Browse by component families.
Maps · 1Scheduling · 1Audio · 2Visualization · 2
Real-world inputs
Use microphones, maps, waveforms, charts, and scenes to validate real data flows.
Cleanup on destroy
Tear down AudioContext, Peaks.js, and map instances to avoid leaks.
Components
Preview, test, and copy.
Maps Ready
Leaflet map
Client-only Leaflet map with tiles, markers, and cleanup.
Open componentScheduling Ready
FullCalendar
Scheduling UI with day grid, time grid, and list views.
Open componentAudio Ready
Pitchy detector
Microphone-driven pitch graph with tuning controls.
Open componentAudio Ready
Peaks.js waveform
Waveform layout with zoom + overview setup guidance.
Open componentVisualization Ready
D3 chart
Responsive D3 area + line chart with axes and gridlines.
Open componentVisualization Ready
Three.js scene
Minimal Three.js scene with resize handling and cleanup.
Open componentNext step
Open a component and ship a change.
Each playground entry links to a guide and a runnable example you can remix.