Tools for Modern
Web Development
A suite of zero-friction, highly focused utilities designed to solve daily engineering tasks. Built for performance and extreme precision.
Fluid Typography clamp() Generator
A visual calculator that outputs perfect responsive font math for Tailwind or vanilla CSS.
Tailwind CSS Subgrid Visualizer
A builder for nested layouts that specifically handles the newer CSS subgrid feature with utility classes.
SVG to Astro/React Component
Strips hardcoded Figma metadata and converts SVGs into clean, typed components with dynamic props.
Content Security Policy Builder
Generate error-free security headers for common 3rd party services.
CRON Expression Visualizer
Plots execution times in local and UTC time side-by-side to prevent server-timing errors.
Regex Token Extractor
A tool focused on log-parsing; paste a mess of data and extract specific groups into a clean JSON array.
i18n Flat/Nested JSON Converter
Converts flat translation files into nested JSON objects required by frontend frameworks, and vice-versa.
SQL Schema to TS Interface
Parses raw CREATE TABLE dumps into strictly typed TypeScript interfaces effortlessly.
Multi-Platform OG Debugger
Shows high-fidelity previews of how a link will look on Slack, Discord, Twitter, and LinkedIn simultaneously.
Advanced Schema.org Builder
A form-based generator for specific Google snippets like FAQ, Local Business, and Job Postings.
JWT Decoder & Debugger
Securely decode JSON Web Tokens directly in your browser. Verify expirations and payloads offline.
CSS Box Shadow Generator
Visually stack and configure multiple realistic CSS box shadows to create depth, neon glows, or neumorphism.
Base64 Image Encoder
Convert local images directly into Base64 encoded strings for embedding in CSS or HTML without extra network requests.