The tools and tutorials web designers use every day
Free CSS generators, unit converters, Figma tutorials, and hand-crafted WordPress themes. Made by developers, for developers.
Free tools for web designers
No signup, no watermark. Bookmark them.
Convert centimeters to pixels for screen-accurate design specs.
Use tool →Convert points to centimeters instantly for print and digital design work.
Use tool →Build a styled HTML table visually and copy the markup, no manual tags.
Use tool →Drag together form fields and export clean, accessible HTML.
Use tool →Build custom clip-path shapes visually, no manual coordinate math.
Use tool →Paste Markdown and get clean HTML output instantly.
Use tool →Turn plain text into a CSS glitch effect with adjustable intensity.
Use tool →Drag a few sliders and copy production-ready frosted-glass CSS.
Use tool →Design a custom loading spinner and copy the pure-CSS animation.
Use tool →Create smooth SVG wave dividers for section backgrounds.
Use tool →Paste any hex or RGB value and get the closest human-readable color name.
Use tool →Generate palettes that pass WCAG AA contrast automatically.
Use tool →Learn web design
Written by developers who actually use these tools.
- Figma Auto Layout: The Complete Practical Guide
- Figma Variables: How to Use Them in Real Projects
- Figma Components Best Practices for Design Systems
- Figma Design System Tutorial: From Zero to Full System
- 37 CSS Flip Cards You Need To Check Out
- 38 Effective CSS Headers Examples You Can Use
- 32 CSS Toggle Switch Designs
- 34 CSS Image Effects That You Can Use Now
Common questions
Latest from the blog
