Filters

Filters
  • Color 8
  • JS 11
  • CSS 7
  • Image 4
  • Illustration 7
  • Animation 9
  • Network 1
  • HTML 1
  • Icons 4
  • SVG 4
  • Library 5
  • Front end 1
  • Generator 3
  • Extension 1
  • Utilities 8

54 Tools

Noise and gradient

Image
Illustration

Generate your very own trendy textured background

Go to Noise and gradient

Lucide

Icons
Library

Beautiful & consistent icons

Go to Lucide

svgl.app

Icons

A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS

Go to svgl.app

Scrape Table

Scrape

Get Google Maps data for free in secondes

Go to Scrape Table

Floating-ui

JS
Library

A JavaScript library to position floating elements and create interactions for them.

Go to Floating-ui

Buefy

JS
Design

Lightweight UI components for Vue.js based on Bulma

Go to Buefy

Lucia Auth

JS
Auth

Lucia is an auth library for TypeScript that abstracts away the complexity of handling users and sessions. It works alongside your database to provide an API that's easy to use, understand, and extend.

Go to Lucia Auth

Feathericons

Icons
SVG

Simply beautiful open source icons

Go to Feathericons

Zagjs

JS
theme

A collection of framework-agnostic UI component patterns like accordion, menu, and dialog that can be used to build design systems for React, Vue and Solid.js

Go to Zagjs

AI Colors

Color
Utilities

Generate a color palette from a prompt with ai

Go to AI Colors

Happy hues

Color
Utilities

Curated colors in context.

Go to Happy hues

The component gallery

Design

The Component Gallery is an up-to-date repository of interface components based on examples from design systems.

Go to The component gallery

Shape Factory

Color
Illustration

Useful tools to find colors and gradients

Go to Shape Factory

watching-you

JS
Library

Javascript library for building animations that watch anything on DOM

Go to watching-you

Pieces

Utilities

Save useful code from anywhere in less than a second and re-use it everywhere

Go to Pieces

Metatags

Meta

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

Go to Metatags

iA Presenter

IA
Markdown

Markdown to prestation boosted by IA

Go to iA Presenter

Ezgif

ezgif_com

Generator
Utilities

Ezgif.com is a simple online GIF maker and toolset for basic animated GIF editing. You can create, resize, crop, reverse, optimize, and apply some effects to GIFs.

Go to Ezgif

Cubic-bezier

Lea Verou

Animation

Easy to use tool to make your cubic bezier easing

Go to Cubic-bezier

PrePost SEO

PrePost SEO

Utilities

With Over 95 Online Tools, PREPOSTSEO Helping Millions of Webmasters, Students, Teachers & SEO Experts Every Month.

Go to PrePost SEO

qrcode-monkey

qrcodemonkey

Generator
Utilities

QRCode Monkey is one of the most popular free online qr code generators with millions of already created QR codes.

Go to qrcode-monkey

JSON hero

ericallam

Utilities

JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.

Go to JSON hero

editor.js

CodeX

JS
Library

Next generation block styled editor. Clean WYSIWYG with clean data export.

Go to editor.js

MConverter

Unknown

Generator
Utilities

Convert anything to anything

Go to MConverter

svgartista

Ana Travas & Sergej Skrjanec

Animation
SVG

SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain CSS code.

Go to svgartista

Web mobile first

François Duprat

Extension

Simulator of smartphones and tablets on computer to view any site in mobile version.

Go to Web mobile first

URL-encoder for SVG

yoksel_en

CSS
SVG

Encode SVG using encodeURIComponent() to use SVG in CSS

Go to URL-encoder for SVG

Fetoolkit

Damian Frizzi

Front end

The best toolbox for frontend developer

Go to Fetoolkit

howlerjs

James Simpson

JS

howler.js makes working with audio in JavaScript easy and reliable across all platforms.

Go to howlerjs

Glassmorphism generator

Michal malewicz

CSS

Generate awesome glass effect

Go to Glassmorphism generator

Accessible Brand Colors

Useallfive

Color

This tool shows you how ADA compliant your colors are in relation to each other.

Go to Accessible Brand Colors

Coolors

Fabrizio Bianchi

Color

Create the perfect palette or get inspired by thousands of beautiful color schemes.

Go to Coolors

Shape divider

True Style Design

Illustration

Make stunning wave

Go to Shape divider

Haikei

z creative labs

Illustration

Generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!

Go to Haikei

svg.js

Wout Fierens

SVG
Library

The lightweight library for manipulating and animating SVG.

Go to svg.js

CSS GG

Astrit

CSS
Icons

Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API

Go to CSS GG

Meta generator

Jason Macfarlane

HTML

The Ultimate Meta Tags Generator

Go to Meta generator

Keyframes

Mitch

CSS
Animation

Dead simple visual tools to help you generate CSS for your projects.

Go to Keyframes

Shadow brumm

Someone

CSS

Create great smooth shadow thank to multiples layers

Go to Shadow brumm

Simple parallax

Geoffrey Signorato

JS
Animation

The easiest way to get a parallax effect with javascript

Go to Simple parallax

Easings

Andrey Sitnik and Ivan Soloviev

CSS
Animation

CSS curves helper.

Go to Easings

color-name

?

Color

Search the colors database by name or hex code.

Go to color-name

remove.bg

kaleido

Image
Illustration

Remove backgrounds 100% automatically in 5 seconds, without any clicks.

Go to remove.bg

Blobmaker

z creative labs

Illustration

Create random, unique, and organic-looking SVG shapes.

Go to Blobmaker

Clippy

Bennett Feely

Image

Allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.

Go to Clippy

Can I use

Alexis Deveria

CSS

Know with which browser a css rule is compatible with

Go to Can I use

Adobe color

Adobe

Color

A bunch of tools to get the best of colors

Go to Adobe color

Rotato

Otato

Image
Animation

Create your custom 3D video mockup or image with Rotato—no experience required.

Go to Rotato

Splide

Naotoshi Fujita

JS
Animation

Splide is a lightweight, flexible and accessible slider and carousel written in TypeScript. No dependencies, no Lighthouse errors.

Go to Splide

Ngrok

Ngrok

Network

Create a secure tunnel between your localhost and the internet

Go to Ngrok

vanilla-tilt.js

micku7zu

JS
Animation

A smooth 3D tilt javascript library

Go to vanilla-tilt.js

unDraw

Katerina Limpitsouni

Illustration

Open-source illustrations for any idea you can imagine and create.

Go to unDraw

MyColorSpace

Michaela Lavicka

Color

Never waste Hours on finding the perfect Color Palette again!

Go to MyColorSpace

GSAP

GreenSock

JS
Animation

Professional-grade JavaScript animation for the modern web

Go to GSAP