Custom widgets that you might like

Squoosh

Compress and compare images with different codecs, right in your browser.

Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

CSS Gradient Generator

CSS gradient generator tool that lets you create colorful background gradients.

CSS Background Patterns

Beautiful pure CSS background patterns that you can actually use in your projects!

Type Scale

Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.

Wordmark

Helps you choose fonts for your crafting projects.

CSS Grid Generator

Learn CSS Grid visually and build web layouts with this interactive CSS Grid Generator.

Mockup Generator

Create beautiful product mockups in just a few clicks.

Favicon Generator

Quickly generate your favicon from text, image, or choose from hundreds of emojis.

Devhints

A collection of web development cheatsheets.

CSS Easing Cheatsheet

Make animations more realistic by picking the right easing function.

Mockaroo

A free test data generator and API mocking tool.

Blobs Generator

Organic blobs for websites and UI designs!