Loading…
Design tools that don't waste your time
48 free tools for color, layout, typography, and effects. No account. No paywall. Just open and use.
Explore Tools
Color
Palette · Contrast · Gradient
Color & palette tools
Generate harmonious palettes, explore color spaces, and export production-ready tokens.
Explore →Effects
Shadow · Glass · Blob
Effects & visuals
Shadows, glassmorphism, neumorphism, blobs, clip paths, and animation tools for stunning UI effects.
Explore →Layout
Grid · Flex · Spacing
Layout & spacing tools
Grid calculators, spacing scales, and responsive utilities to build consistent layouts.
Explore →Typography
Fonts · Fluid · Clamp
Ag
Ag
Typography & fonts
Font pairing, type scales, and fluid typography tools for polished type systems.
Explore →Utilities
SVG · Base64 · Favicon
svg
b64
Utilities
SVG tools, Base64 encoding, placeholder images, favicon generation, and loading animations.
Explore →Code & SEO
Meta · Schema · Easing
og:
LD
tw
alt
Code & SEO
Meta tag generators, structured data tools, and code utilities for better search visibility.
Explore →What's inside
Tools, guides, and references — all in one place
Everything a designer or developer needs to make better decisions, write better CSS, and ship faster.
Why this exists
Built by designers who got tired of switching between ten different apps to get one thing done.
Free tools — color, layout, type, effects, and more
48+
UX terms, laws, and principles — no jargon
404
Guides on CSS, accessibility, design systems, and performance
93
Newsletter
Stay in the loop
Design tips, new tools, and curated guides — delivered straight to your inbox.
🚫
No spam. Ever.
We respect your inbox. No ads, no affiliate links, no third-party nonsense — just quality content from our team.
📅
Once a month
One focused email every four weeks. Enough to keep you updated, not enough to annoy you.
✨
Curated content
Hand-picked guides, new tool launches, UX insights, and design trends — everything you need to stay sharp.
Learn
Explore the latest guides
View All