Lab

Sandbox

A browser lab for utilities, UI pieces, and prototypes - grouped by purpose, tagged by stack, and labelled by maturity so you know what you are opening.

← Back to projects Contact

Category
Maturity
Technology

Developer tools

Format, encode, and generate - small utilities for everyday debugging and data wrangling.

🟢 Utility

JSON Formatter & Validator

Paste JSON, validate it, then format, minify, or sort keys - with clear error positions and one-click copy.

  • JavaScript
🔵 Component

Browser APIs Playground

Hands-on demos of modern web platform APIs: crypto, encoding, Intl, media queries, observers, and more, all running client-side.

  • JavaScript
  • Crypto API
  • Intl
  • Canvas API
🟢 Utility

Base64 Encoder & Decoder

Encode UTF-8 text to Base64 or decode Base64 back to text, with optional URL-safe output for tokens and query strings.

  • JavaScript
  • Base64 API
🟢 Utility

Password Generator

Generate random passwords with configurable length and character sets, plus a quick strength hint.

  • JavaScript
  • Crypto API

Media

Inspect files client-side without uploading them to a server.

🟢 Utility

Image Metadata (EXIF) Extractor

Upload an image to read EXIF metadata: camera details, capture settings, GPS coordinates on a map, file hashes, and export to JSON.

  • JavaScript
  • EXIF.js
  • Leaflet
  • Crypto API

UI components

Reusable interface patterns you can drop into a page or study in isolation.

🔵 Component

Toast Notification Library

Interactive demo of the vanilla JS toast library: types, positions, timer bar, click-through links, and custom styling.

  • JavaScript
  • CSS

Content

Placeholder and copy helpers for layouts, forms, and prototypes.

🟢 Utility

Lorem Ipsum Generator

Generate placeholder paragraphs in classic Lorem, tech jargon, hipster, corporate, or fantasy styles - or use your own sentences.

  • JavaScript