UX Tools
Free interactive tools to speed up your design and development workflow.
WCAG Contrast Checker
Check color contrast ratios against WCAG 2.2 AA and AAA standards. Real-time pass/fail results.
Open tool →
Typography Scale Calculator
Generate a harmonious type scale based on a base size and ratio. Export as CSS variables.
Open tool →
Spacing System Generator
Build a consistent spacing scale for your design system using 4pt or 8pt grids.
Open tool →
Touch Target Size Checker
Verify that interactive elements meet minimum touch target size requirements (44×44px).
Open tool →
Readability Score Checker
Analyze text readability using Flesch-Kincaid and other scoring methods.
Color Accessibility Palette Generator
Generate accessible color palettes that pass WCAG contrast requirements across all combinations.
Button States Generator
Preview and export all interactive button states: default, hover, focus, active, and disabled.
Hick's Law Calculator
Estimate decision time based on number of choices using Hick's Law formula.
Grid System Calculator
Design column grids with custom gutters, margins, and breakpoints. Export as CSS.
Microinteraction Timing Generator
Calculate optimal animation durations and easing curves for UI microinteractions.
UX Audit Checklist Builder
Build and export custom UX audit checklists based on heuristics and project type.
Persona Generator
Create structured user personas with demographics, goals, frustrations, and scenarios.