Empathy Map Creator – Online UX Design Thinking Tool
Fill in says, thinks, does, feels quadrants for a user persona. Save locally or print.
UD5 Toolkit
Generate random UI/UX design challenges to sharpen your skills. Perfect for daily practice, portfolio building, and creative exploration.
No saved prompts yet. Click the heart icon to save your favorites!
Fill in says, thinks, does, feels quadrants for a user persona. Save locally or print.
Commit to 30 days of gratitude. Write 3 things each day, see progress. Data stays local. Mood boost habit.
Click to combine random subjects, verbs, and objects into absurd or inspiring story prompts. Great for kids' creative writing exercises.
Click colors on an interactive wheel and see the common emotions and meanings associated with them. A design resource.
Check if the browser has captured the beforeinstallprompt event. Understand why your PWA is (or isn't) installable.
Compare all CSS easing presets side by side on a bouncing ball. See which curve fits your UI animation.
Click any color to see common emotional associations and cultural meanings. Quick design reference.
Upload an image and also see a UI mockup under different deficiencies side‑by‑side. Powerful for inclusive design.
Browse a collection of common UI components (cards, modals, navbars) built with pure CSS. Preview and copy the HTML/CSS. Fast prototyping.
Check if your page triggers the beforeinstallprompt event. Simulate the install flow. Debug PWA installability.
See a random color and type its name. Score based on accuracy. Fun for designers. Local.
Choose a base color and see its complementary, split‑complementary, triadic, and tetradic harmonies. Copy palettes. Local.
Create a realistic‑looking user persona card with a name, photo placeholder, quote, and demographics. Perfect for design projects.
See the Pantone Colors of the Year and popular palettes from past years. Get hex codes. Design inspiration.
Test prompt formatting without calling an LLM. See how your prompt would look with different templates. Dev tool.
Create a 'SALE' or 'NEW' corner ribbon in pure CSS. Adjust colors, position, and text. Great for e‑commerce.
Try to draw a perfect circle freehand. Score based on roundness. Fun and addictive. No data sent.
Generate a random art style name (e.g., 'Baroque cyberpunk oil painting') for inspiration or AI image generation.
Click for a random drawing or sketching idea. Characters, objects, scenes. Beat artist's block. All local.
Get three random words as a creative writing prompt. Challenge yourself to use them in a story. No repeat for a while.
Visually create the glassmorphism effect: background blur, transparency, and border. Copy the complete CSS. Modern UI design.
Select a heading font and get recommended body font pairings. Live preview with sample text. Copy the CSS import links.
Enter a number to find its golden ratio long and short segments. Use for pleasing design layouts. Instant.
See how a color is interpreted in different cultures (e.g., red in China vs. Western). Crucial for global web design. Static guide.
Given an RGB value, pick the matching color square. Multiple difficulty levels. Improve your color perception. Fun for designers.
Enter a color palette and see how it looks for different types of color vision deficiency. Get warnings on conflicting colors.
Find complementary, triadic, analogous, and split-complementary color combinations. Interactive color wheel. Essential for UI design.
Discover beautiful color palettes for your projects. Generate random, complementary, or trendy schemes and copy hex codes. Useful for designers and developers.
Easily create asymmetric border radius values and preview the result. Copy the generated CSS instantly. All interactively and browser-based.
Design layered box shadows interactively and get the CSS code in real time. Adjust offset, blur, spread, and color. Essential tool for UI designers.