𧰠UX Tools Hub
Hands-on tools for design decisions, research, interaction validation and daily UX workflows â all interactive, right inside the handbook.
Color Theory Wheel
Pick colors and explore harmonies â complementary, triadic, analogous and more.
Contrast Checker
Check WCAG AA/AAA contrast for any foreground/background combination.
Typography Scale Generator
Generate a modular type scale with live preview and copyable CSS.
Color Palette Generator
Build harmonious palettes from a base color and copy hex codes.
Usability Testing Checklist
Plan, run and analyze usability tests with a 50+ point interactive checklist.
Heuristic Evaluation Tool
Score interfaces against Nielsen's 10 heuristics with severity ratings.
A/B Testing Simulator
Calculate lift, statistical significance and confidence for A/B experiments.
Survey / Feedback Builder
Compose surveys with text, rating, multi-choice and NPS questions.
Sitemap Generator
Build and visualize a site tree, then export it as JSON.
User Flow Builder
Sketch flows with draggable nodes and connections on a free canvas.
Card Sorting Simulator
Drag and group cards to validate your information architecture.
Tree Testing Tool
Test findability â users navigate a tree to complete tasks.
Microinteraction Playground
Live demos of buttons, switches, loaders and feedback patterns.
Animation Timing Tester
Tune duration and easing with a live preview and copyable CSS.
UX Pattern Library Viewer
Browse common UI patterns with live demos and when-to-use notes.
Heatmap Simulation
Click anywhere to generate a heatmap overlay of attention points.
User Journey Analyzer
Map stages and emotions across a user journey with a live chart.
Funnel Visualization Tool
Visualize conversion funnels and drop-off between any number of stages.
