Designer's Toolkit
Visual craft and layout tools for UI/UX designers. Precise geometry, color spaces, and mockups.
Visual Craft
Advanced Color Space Converter
Convert colors between HEX, RGB, HSL, and more with live previews.
CSS Unit Converter
Convert between px, rem, em, vw, vh, %, pt, and ch — with configurable base font size and viewport, plus ready-to-use CSS output.
Glassmorphism Gradient Builder
Design multi-stop CSS gradients with real-time glassmorphism previews and liquid aesthetics.
Golden Calculators
Precision geometry and trigonometry tools based on the golden ratio and golden angle.
Image Converter
Convert images between PNG, JPEG, and WebP formats with quality and resize controls — entirely in your browser.
Image Palette Generator
Extract dominant color palettes from any image using K-Means clustering.
Parametric Monument Builder
A dynamic 3D monument builder with adjustable parameters like base size, height, tiers, and time of day.
Type Scale Generator
Generate a harmonious typographic scale from a base size and ratio — with live preview, CSS custom properties, and Tailwind config output.
Reference
Color Theory Reference
An interactive, educational reference for core color harmony rules including mathematical breakdown and visual palette generation.
CSS Reference
A historical deep-dive into the evolution of CSS, from the early days of preprocessors to the modern Utility-First and Native CSS revolutions.
Typeface Reference
A historical and structural reference of typography, from Gutenberg's press to iconic British signs, featuring an interactive typography lab.