Frontend Toolkit

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

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

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

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

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

Helps you choose fonts for your crafting projects.

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

Create beautiful product mockups in just a few clicks.

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

A collection of web development cheatsheets.

Make animations more realistic by picking the right easing function.

A free test data generator and API mocking tool.

Organic blobs for websites and UI designs!