Skip to content
JN jabroni.net
personal dev studio

jabroni.net

Exploring  

0

Demos

0

Guides

0

Sections

Explore playground Read guides
~/jabroni.net

Stack

What powers this

SvelteKit 5 Tailwind 4 Supabase Three.js D3.js Leaflet WebGL / GLSL Peaks.js Pitchy FullCalendar mdsvex bits-ui TypeScript Vite 7 Playwright Vercel

Built with

Svelte 5 SvelteKit TypeScript Tailwind CSS 4 Supabase Three.js D3.js Leaflet WebGL Peaks.js Vite Vercel Playwright bits-ui mdsvex FullCalendar Svelte 5 SvelteKit TypeScript Tailwind CSS 4 Supabase Three.js D3.js Leaflet WebGL Peaks.js Vite Vercel Playwright bits-ui mdsvex FullCalendar

Interactive demos

Self-contained experiments — maps, audio, 3D, charts, shaders, and dev tools. Each one runs live in your browser.

Maps stable

Leaflet map

Client-only Leaflet map with tiles, markers, and cleanup.

guide available Launch
Scheduling stable

FullCalendar

Scheduling UI with day grid, time grid, and list views.

guide available Launch
Audio stable

Pitchy detector

Microphone-driven pitch graph with tuning controls.

guide available Launch
Audio beta

Peaks.js waveform

Waveform layout with zoom + overview setup guidance.

guide available Launch
Visualization stable

D3 chart

Responsive D3 area + line chart with axes and gridlines.

guide available Launch
Visualization beta

Three.js scene

Minimal Three.js scene with resize handling and cleanup.

guide available Launch
UI stable

Component Lab

Interactive prop panels with live code preview for 7 UI components.

guide available Launch
Tools stable

API Explorer

Fetch any API endpoint and inspect status, headers, body, and timing.

Launch
UI stable

CSS Animator

Visual CSS keyframe animation builder with live preview and code export.

Launch
Visualization stable

Shader Art

Live GLSL fragment shader editor with WebGL preview and presets.

Launch
Editor stable

Code Sandbox

Tabbed HTML/CSS/JS editor with live preview, console, and presets.

Launch
Visualization beta

Reactive Smoke

WebGL volumetric smoke with beat detection, shockwaves, and 5 color themes.

Launch
Audio beta

CRT Oscilloscope

Retro lab-grade oscilloscope with waveform, spectrum, Lissajous, and VU meter modes.

Launch
UI stable

Theme Lab

Preview theme colors, typography, toasts, buttons, inputs, and form elements.

Launch
Tools beta

Workflow DAG

Visual DAG workflow builder with typed nodes, bezier edges, and execution simulation.

Launch

Technical reference

Focused writeups on patterns, integrations, and techniques. Written to be referenced, not just read once.

Topic collections

Deep dives into the things I care about — each one a growing collection of notes, techniques, and references.

Philly Searwood 600 Raspberry Pi Jam Band Cooking Coffee Fitness Nutrition Health Wellness Sea of Thieves Linux Mint

Developer experience

Keyboard-first navigation, fuzzy search, smooth transitions, and two polished themes.

Command palette

Fuzzy search everything. Jump to any page, guide, or demo instantly.

Ctrl K

Keyboard-first

G+H home, G+G guides, G+P playground. Full shortcut system built in.

?

Light & dark

OKLCH color system tuned for both themes. Perceptually uniform tokens.

T

Instant transitions

View Transitions API for seamless navigation. Zero full-page reloads.

Ready to explore?

Dive in.

Pick a playground demo, read a guide, or press Ctrl K to search.

Playground Guides Changelog
Keyboard shortcuts: CtrlK Search? ShortcutsT Theme