A little tool for every big idea.

Frontend Playground

Write HTML, CSS, and JavaScript. See your ideas come to life in an isolated browser preview.

Responsive Lab

Explore your layouts at different screen sizes, from a small phone to a wide desktop.

Gradient Generator

Blend colors into linear, radial, and conic gradients with ready-to-use CSS.

Box Shadow Generator

Build layered shadows with precise control over color, blur, spread, and position.

Text Shadow Generator

Give your typography depth with layered CSS text shadows.

Border Radius Generator

Shape every corner with independent horizontal and vertical radii.

Flexbox Generator

Experiment with alignment, wrapping, and flexible items in a live layout.

CSS Grid Generator

Design responsive grids and understand tracks, gaps, and placement.

Animation Generator

Create CSS keyframes and explore timing, transforms, and transitions.

Glassmorphism Generator

Create frosted surfaces with transparency, blur, and subtle borders.

Clip Path Generator

Cut geometric shapes with CSS polygon coordinates.

Fluid Type Generator

Scale type smoothly between minimum and maximum sizes with CSS clamp.

Color Studio

Convert colors, build a palette, and check readable contrast ratios.

Design / Workspace

Git Command Builder

Build Git commands with clear explanations, shell quoting, and safety warnings.

Git Visualizer

Explore commits and branches in a local simulation without changing a repository.

Merge vs. Rebase

See how merge and rebase change a commit graph, step by step.

SQL Joins Visualizer

See which rows match in INNER, LEFT, RIGHT, FULL, and CROSS joins.

SQL Clause Explorer

Walk through the conceptual logical order of a SELECT query.

Database Relationships

Explore one-to-one, one-to-many, and many-to-many relationships.

SQL Formatter

Format SQL queries locally with a choice of dialects.

SQL Playground

Run real PostgreSQL in your browser with PGlite. Your queries stay on your device.

Typing Test

Measure speed and accuracy, spot mistakes, and build a consistent typing habit.

Practice / Practice

Code Typing Test

Practice real syntax, punctuation, and indentation with original code snippets.

Practice / Practice

JSON Formatter

Validate, format, sort and compact JSON locally.

CSV / JSON Converter

Convert quoted CSV and JSON object rows without uploading your data.

Text Diff

Compare two texts line by line and export a readable diff.

Regex Tester

Inspect matches and capture groups in a cancellable local worker.

Encoding Tools

Encode or decode Unicode Base64 and URL components locally.

Hash Generator

Compute SHA-256, SHA-384 and SHA-512 hashes with local Web Crypto.

Code / Generator

Timestamp Converter

Convert Unix seconds, milliseconds and offset-aware ISO dates to UTC.

CSS Transform Generator

Explore translation, rotation, scale, skew and transform origins.

CSS Filter Generator

Preview blur, contrast, color and opacity filters with ready-to-use CSS.

Design Token Exporter

Validate colors, spacing and type tokens, then export CSS variables or JSON.

Design / Workspace

Git Conflict Trainer

Resolve original merge-conflict lessons by choosing, combining or editing both sides.

SQL Schema Explorer

Inspect real local PostgreSQL tables, columns, primary keys and foreign keys.