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.

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

Generate beautiful blob shapes for web and flutter apps.