Click on an animation card to copy the CSS code.

Emil Kowalski

CSS Effects

Patternico is a web application that allows you to generate beautiful background patterns.

Patternico

Tiny minimal 1px MIT-licensed icons designed to fit in the smallest places.

Anja van Staden

Simohamed

Teeny Icons

SVG Path Editor is an online editor to create and manipulate SVG paths.

 Yann Armelin

SVG Path Editor

A set of free MIT-licensed high-quality SVG icons for you to use in your web projects.

Steve Schoger

Zaydek

Heroicons

Pick a color from the perceptually uniform lightness chroma hue color space.

Lea Verou

LCH Colour Picker

Generate an entire year's worth of unique icons, for free.

Luke Denton

Calendar Icons Generator

A simple markup generator for mailto links that takes care of the formatting for you. Just fill out the email and copy your code.

Michael McKeever

Mailtolink.me

Shape Divider is a free tool to make it easier for designers and developers to export beautiful SVG shape dividers for their projects.

Gaurav Padia

Karam Sihra

Shape Divider

Hero Generator is an open-source tool that helps you create a hero image for your website or mobile application.

Sarah Drasner

Hero Generator

Can I Include is a tool that helps you understand which tag you can include in another using the WhatWG HTML specification.

Alexander Vishnyakov

Can I Include

Copy Paste List is a collection of unformatted, easily copy and paste-able lists.

Bennett Feely

Copy Paste List

CSS 2 JS helps you transform between CSS, JavaScript objects, and JSX props.

Sara Vieira

CSS 2 JS

Embedded Google Fonts allows you to embed base64 encoded google fonts into CSS.

Amio Jin

Embedded Google Fonts

Filewatch scans your Google Drive files and folders so you can see who can access them.

With a focus on privacy, Filewatch enables you to better control who can access your files and folders.

Alex Cason

Filewatch

HTML Cleanser helps you remove unwanted HTML tags from user's input or untrusted sources.

Paul Melero

HTML Cleanser

Quickly generate custom placeholder images for your design and development projects.

Dylan Smith

Better Placeholder

CSS Layout is a collection of popular layouts and patterns made with CSS.

Phuoc Nguyen

CSS Layout

Box Shadows allows you to interactively create box shadows and get the CSS to generate them.

Mike McBride

David Leininger

Box Shadows

1 LOC is a collection of JavaScript single line of code utilities.

1 LOC

Simplify documentation and avoid heavy tools when generating flowcharts, sequence diagrams, class diagrams, and more.

0xADADA

Mermaid Live Editor

Single out email clients and platforms using crowdsourced email development techniques.

How to Target Email Clients

Calndr is a free tool that helps you build events or generate links directly through the API. It runs on AWS serverless infrastructure, so the service is rock solid and fast.

Atymic

Calndr

Userfront offers an auth framework without complexity with SSO, access control, multi-tenancy, and more. Giving you secure, standards-based authentication & authorization with a focus on simple setup, testing, and administration.

Tyler

Userfront

2QR is a web-based tool that allows you to generate a QR code from a URL.

Moritz Gießmann

BrowserFrame is the easiest way to wrap screenshots in browser frames. It supports multiple browsers, operating systems, and themes.

Philip Bergqvist

BrowserFrame

UITest allows you to test your website in more than 80 free web-based tools.

Jens Oliver Meiert

UITest

You can download all illustrations completely free and use these to design awesome landing pages, mobile app, or presentations.

Vijay Verma

Illlustrations

Trianglify is a tool to generate low-poly backgrounds, textures, and vectors. It's based on an open-source library, Trianglify, also written by the same author.

Leaderboard