AxesKit PRO
Device Mockup Studio

Harmonic Color Palette Generator & Image Extractor

Generate brand harmonies, lock favorite colors, shuffle variations around your brand, or extract colors directly from any image or camera capture.

Interactive Swatches

Click padlock to lock/unlock color

Locking Feature: Lock your brand color or favorite accent. When you click Shuffle or change palette schemes, locked colors stay fixed while unlocked swatches dynamically generate complementary variations.

WCAG Accessibility Contrast Checker

Evaluates color contrast ratios against WCAG 2.1 AA/AAA accessibility thresholds.

PASS (WCAG AA)
Computed Contrast Ratio
12.4 : 1

Client-Side Image Compressor

Reduces JPEG and WebP file weight via HTML5 Canvas compression. No images are uploaded to any server.

Compression Outcome

Upload a file to begin.
Image Studio

Image Format Converter

Convert images in-memory between popular formats (WebP, PNG, JPG, AVIF, BMP, GIF, ICO, SVG) with zero server uploads and high-fidelity output.

Upload Image to Convert
Click or drag & drop PNG, JPG, WebP, AVIF, BMP, GIF, ICO, or SVG • 100% in-browser

Glassmorphism & Frosted Glass Generator

Configures background opacity, backdrop-filter blur, and responsive screen-fit or custom element sizing.

Frosted Glass Surface

Layered Multi-Box Shadow Builder

Computes multi-layer realistic shadows with smooth exponential falloff.

Visual Preview

Neumorphic Soft Shadow Builder

Generates dual-offset highlight and shadow CSS values with screen-fit and custom element dimensions.

Soft Neumorphic Card

CSS Linear Gradient Generator

Interactive angle and multi-stop color transitions.

Visual Gradient Preview

Text & Code Diff Checker

Line-by-line diff comparison performed completely client-side in the browser.

Original Version

Modified Version

Diff Output

Regex Pattern Tester

Safe local evaluation of regular expressions with flags and match count.

Match Evaluation

Evaluating...

JWT Claims Inspector

Decodes base64url JWT payload claims client-side. Note: Client-side decoding does not verify signatures.

Decoded Claims JSON

JSON Formatter & TypeScript Generator

Validates, prettifies, minifies, and infers TypeScript interfaces from JSON.

Input JSON

Output

Motion Studio

Jitter Watermark Remover

Upload or drop an exported Jitter / Lottie animation JSON file. Cleanly extract watermark branding layers and meta tags with 100% lossless client-side privacy.

Upload your Jitter JSON file
Click or drag & drop an exported Jitter / Lottie .json file • 100% processed in browser
Video Exporter

Lottie JSON to MP4 Converter

Render Lottie and Jitter animation JSON files into genuine, playable MP4 videos frame-by-frame directly in your browser with hardware acceleration and 100% privacy.

Upload your JSON file
Click or drag & drop your Lottie or Jitter .json animation • Zero server upload

Base64 String Encoder & Decoder

Encodes and decodes UTF-8 strings to standard Base64 representation in memory.

Input Text

Result

Typography Lab

Font Pairing Studio

Preview and harmonize Google Fonts combinations for Heading, Subheading, and Body copy in real time with live search, presets, and CSS export.

Type Hierarchy

Live Interactive Preview

Loaded via Google Fonts
Build Scalable Systems with Uncompromising Precision
Engineered for designers, developers, and typography connoisseurs worldwide.
Typography serves as the visual voice of digital architecture. When headlines capture brand resonance, subheadings bridge contextual flow, and body typography ensures effortless legibility, digital interfaces transcend standard design. Click any text here to type your own live copy.
Typography Lab

CSS @font-face Rule Generator

Generate robust, production-grade @font-face CSS rules, Google Fonts imports, and utility classes with full weight and format control.

Font Configuration

Generated Production CSS

Fluid clamp() Typography Calculator

Computes responsive font scaling without CSS media query breakpoints.

Calculated CSS Rule

Studio Feature

Handwriting to Font Converter

Convert photographed or drawn handwriting directly into true installable TrueType (.ttf) and Web (.woff) fonts. 100% in-browser, zero server uploads, pure client-side processing.

1. Capture & Prepare

Use your device camera or upload a photograph of your handwriting sheet. Adaptive Sauvola-Bradley thresholding isolates ink strokes from yellow lighting and shadows.

2. Segment & Vectorize

Contours and interior counter loops are extracted via 8-connected Moore-Neighbor tracing and simplified into Bézier curves mapped to 1,000 unitsPerEm OpenType coordinates.

3. Retouch, Preview & Export

Clean up stray specks, adjust baselines and advance widths, preview in a real-time typographic sandbox, and download standard .TTF, .WOFF, and @font-face CSS packages.

Launch Handwriting to Font Studio → Includes printable character template and 1-click synthetic demo generator.

CSS Unit Converter (px / rem)

Convert pixel values to rem units based on root typography settings.

Computed rem Value
1.5 rem (24px)

Open Graph & Social Meta Tag Generator

Creates standardized HTML head tags for rich previews on social and search engines.

HTML Meta Tags

Vector Studio

Vector QR Code Generator

Generate crisp, scalable vector QR codes (SVG) and high-resolution PNGs with custom colorways, error correction, and 100% offline client-side rendering.

QR Configuration

#102746
#FFFFFF

Vector SVG Preview

100% Client-Side Vector
Vector Studio

SVG Optimizer & Minifier

Upload SVG files or paste vector code to strip metadata, editor junk (Inkscape, Illustrator, Sketch), comments, and collapse precision with 100% client-side privacy.

Upload SVG File to Optimize
Click or drag & drop an .svg file • Or paste raw code below

Raw SVG Input

0 Bytes

Optimized Output

0 Bytes
SVG preview will render here

SVG to JSX / React Component

Transforms vector SVGs into modern React/Next.js functional components with size and style props.

React Component Code

SVG to Data URI Converter

Converts raw SVG code into an optimized CSS url("data:image/svg+xml,...") string.

CSS Data URI

SVG Wave Divider Generator

Calculates smooth parametric cubic bezier waves for section dividers.

Visual Preview

Word & Character Counter

Live word count, character count, and reading metrics.

Words
0
Characters
0

Cryptographic Password Generator

Generates high-entropy random passwords using window.crypto.getRandomValues.

Generated Password

8-Bit Sound Synthesizer

Generates hardware waveforms and micro-interaction tones in real time via the Web Audio API.

Cryptographic UUID v4 Generator

Generates RFC 4122 compliant UUIDs using browser crypto.randomUUID().

Interactive Device Mockup Studio

Frame your application screenshots, responsive prototypes, and designs inside pixel-perfect device enclosures. 100% in-browser processing with zero server uploads.

Client-Side PDF Studio

Inspect local PDF documents, preview metadata, and apply watermarks in memory with zero file uploads.

No PDF selected. Local processing guarantees 100% privacy.

Motion & Video Frame Studio

Extract high-resolution video frame snapshots, thumbnails, and keyframes locally via HTML5 Video and Canvas.

Archive & ZIP Inspector

Inspect ZIP files, verify headers, view file manifests, and verify folder structures without unzipping to disk.

Select a ZIP file to inspect local file tree manifest.

API & Data Schema Workbench

Generate mock JSON datasets and test API payloads from structural templates.

Frontend Quality & Accessibility Inspector

Analyze supplied HTML snippets for common WCAG accessibility issues, missing attributes, and responsive pitfalls.

Ready for audit. Click "Run Quality & Accessibility Audit".

Audio Waveform & Metadata Inspector

Inspect audio files, measure sample rate, channels, exact duration, and render frequency waveform graphs via Web Audio API.

No audio loaded. Select an audio file above.

Creative Moodboard Canvas Studio

Assemble color palettes, typography notes, and creative direction boards, then export a high-res PNG composite.