Small web tools

3D

AI

Analytics

Animations

API

Audio

Code Generators

Data structures and algorithms

Design

Flexbox

Fonts

GDPR

Git

Gradient

Grid

HTML

images

Javascript

Learning resources

Machine Learning

CSS

SEO

Media editing

misc

Monitoring

PDF

React

Regex

Ruby on Rails

Ruby

Schema

SoMe

Video

Vue js

Web Audit

Writing

AI Picture restorer

Restore old or bad quality images with AI

Media editing

images

Go to website ->

Accessible color generator

Make sure the contrast between colors is good enough for accessibility

Design

Code Generators

Go to website ->

Animatopy

Simple pure CSS animation generator

CSS

Animations

Code Generators

Go to website ->

Animista

A simple pure CSS animation generator.

CSS

Design

Animations

Go to website ->

Animxyz

Create and customize animations with CSS.

Animations

CSS

Code Generators

Go to website ->

awesome rails

A Github repo with a large collection of ruby on rails resources

Ruby on Rails

Learning resources

Go to website ->

awesome react

A Github repo with a big collection of React resources

React

Learning resources

Go to website ->

awesome ruby

A Github repo with a large collection of Ruby resources

Ruby

Learning resources

Go to website ->

BeeFree

Drag and drop editor for designing emails and landing pages

Design

Code Generators

Go to website ->

Boxicons

A large collection of high-quality web icons as png, SVG code or HTML

Design

Go to website ->

Build your own X

A Github repo with a wide range of resources on how to build different things

Learning resources

Go to website ->

Clipdrop image upscaler

Upscale, denoise, and enhance images

Media Editing

Go to website ->

Color Gradient Generator

Create gradients and export CSS code

CSS

Gradient

Code Generators

Go to website ->

Compressor

Optimize and compress JPEG, PNG, SVG, GIF and WebP images

Media Editing

Go to website ->

Coolors

Generate color palettes for webdesign

Design

Code Generators

Go to website ->

CSS clip-path maker

Clip-path for images with CSS

CSS

Media Editing

Code Generators

Go to website ->

CSS Grid Generator

Generate CSS grid layouts with a UI

Grid

CSS

Code Generators

Go to website ->

CSS Grid Generator

Generate CSS grid from a UI

CSS

Code Generators

Grid

Go to website ->

CSS Layout Generator

A tool for generating layouts for websites

CSS

Design

Code Generators

Go to website ->

CSS Layout

Popular layouts as templates with CSS

Code Generators

CSS

Design

Go to website ->

CSS Matic box shadow

Create box-shadow CSS through a UI

CSS

Code Generators

Go to website ->

CSS Peeper

Chrome extension where you can fetch CSS code in a well-organized way from selected elements on any website.

Design

Code Generators

CSS

Go to website ->

CSS reference

A list of most popular properties with examples, illustrations

CSS

Learning resources

Go to website ->

CSS stats

Test your website's CSS and make sure its performant

CSS

Web Audit

Go to website ->

Excalidraw

A web-based drawing and photo editing tool

Design

Media editing

Go to website ->

Fancy border radius

Design tool that outputs code for creating fancy border-radius elements

Code Generators

Design

CSS

Go to website ->

Flexbox Generator

Generate code for flexbox with a UI

CSS

Flexbox

Code Generators

Go to website ->

Free programming books

A Github repo with a wide range of free programming books

Learning resources

Go to website ->

Glassmorphism Generator

A tool to easily generate the CSS for glassmorphism design

Code Generators

CSS

Design

Go to website ->

Gradient King

A tool to easily create gradients and export them as css

Design

Code Generators

CSS

Go to website ->

Grid Layout It

Layout and CSS grid generator

CSS

Grid

Code Generators

Go to website ->

Grid Malven

Create or use template css grids

CSS

Grid

Code Generators

Go to website ->

Hoppscotch

An online API tool to query both REST APIs and GraphQL

API

Learning resources

Go to website ->

html dom

A clean documentation with examples of how to manipulate the DOM with vanilla Javascript

Javascript

Learning resources

Go to website ->

Keyframes

Create animations with CSS keyframe animations

CSS

Animations

Design

Go to website ->

Layout and design generator

Generate a layout and design through a UI and export code

Design

Code Generators

CSS

Go to website ->

Learn X in Y minutes

A community-driven page on how to quickly learn new programming languages.

Learning resources

Go to website ->

M3O

A great collection of public API's with a lot of code examples

API

Go to website ->

mem.dev

Flashcards like app that helps you remember stuff you learn

Learning resources

Go to website ->

Meta Tags

Generate and preview meta tags for Google, Facebook, Twitter, Linkedin, Pinterest and Slack

SEO

Web Audit

Go to website ->

Neumorphism

A tool to easily generate the CSS for Neumorphism designs

Code Generators

CSS

Design

Go to website ->

PDF Escape

A free tool to read, edit, fill out or create forms in a pdf document

PDF

Go to website ->

Photopea

An free advanced online image editor and alternative to photoshop

Design

Media editing

Go to website ->

PIXLR

A simple and free photoshop alternative for editing images.

Media editing

images

Go to website ->

regex 101

Create and test regular expressions

Regex

Code Generators

Go to website ->

regxr

A tool for creating regular expressions

Regex

Code Generators

Go to website ->

Responsively

See your website on different screens with ease

Design

Go to website ->

Schema Generator

A tool where you can generate schema markup for a wide range of different elements

Code Generators

Schema

Go to website ->

SEO checker

A tool that will scan and monitor your website and help by suggesting improvements

Web Audit

SEO

Go to website ->

Shape Divider

A very nice tool that will let you create custom shape dividers with a nice UI and export code.

Design

Code Generators

Go to website ->

Sharing Buttons

Create sharing buttons for sociale media

SoMe

Code Generators

Go to website ->

Smooth shadows

Create shadows on elements with CSS

Code Generators

CSS

Design

Go to website ->

SVGrepo

A collection of over 300.000 free SVG Vectors and icons

Design

Go to website ->

The in paint

Image editing where you can remove unwanted objects from images

Media Editing

Go to website ->

Type Scale

A tool where you can visualize font sizes and make them scale properly.

CSS

Code Generators

Design

Go to website ->

UI gradients

Create or autogenerate gradients

Gradient

CSS

Code Generators

Go to website ->

Universe

A big collection for styled html elements like buttons, checkboxes, cards, loaders and inputs

Design

Code Generators

Go to website ->

Unsplash

The biggest collection of freely-usable images on the internet

Design

images

Go to website ->

Visme

A tool for creating presentations, data visualizations, videos and more

Design

Go to website ->

Visualgo

A website where common data structures and algorithms are visualised through animations

Data structures and algorithms

Go to website ->

web code tools

A collection of code generators for CSS, HTML, schema markup, meta tags and OG tags

Code Generators

CSS

HTML

Go to website ->

Web Gradients

A tool with a lot of free predefined gradients

Code Generators

CSS

Gradient

Go to website ->

Whirl

Very easy to implement CSS loading animations

CSS

Animations

Code Generators

Go to website ->

You don't know javascript

A great book about javascript

Javascript

Learning resources

Go to website ->

Color mind

Color mind helps you create color schemes using deep learning

Design

Go to website ->

Freebies ByPeople

Freebies ByPeople is a ton of resources and tools for designers and developers. From templates and themes to plugins, fonts, and icons.

misc

Design

Code Generators

Go to website ->

Frontend checklist

A great checklist for frontend developers before deploying their application

misc

Learning resources

Go to website ->

Get Terms

A very neat tool that creates privacy and cookie policies for your website

GDPR

Go to website ->

Github profile generator

Generate a more professional GitHub profile

misc

Git

Go to website ->

Readme editor

A nice template generator for readme files

misc

Code Generators

Go to website ->

ScreenToGif

Screen, webcam and sketchboard recorder with an integrated editor

misc

Go to website ->

Small dev tools

A collection of small and very useful tools like JSON, CSS and HTML formatter, html to markdown converter and so on

misc

Go to website ->

Tensorflow

Learn, use and apply machine learning algorithms

Machine Learning

Learning resources

Go to website ->

3D book image

Create a 3D image of your book and cover with ease

3D

Design

Code Generators

Go to website ->

Animated Gradient Backgrounds

Create pulsing or animated gradient backgrounds

Gradient

CSS

Code Generators

Go to website ->

Code Wars

Learn and practice to code through small games. Lots of different language options.

Learning resources

Go to website ->

CSS Animation library

Very easy-to-use library for adding animations to your HTML elements just by adding classes

CSS

Design

Animations

Go to website ->

CSS Filter Generator

Generate great CSS filters for your images

CSS

Code Generators

Media editing

Go to website ->

Free Frontend

A large collection of premade elements for your website

Code Generators

Design

Go to website ->

Medium css

If you like the medium.com design this small CSS file will create similar typography.

CSS

Design

Go to website ->

Typescript playground

Learn and practice typescript on an online playground with examples and documentation

Javascript

Learning resources

Go to website ->

Pivotanimator

Create animations with stick figures

Animations

Design

Go to website ->

AI Image enlarger

Image enlarge and enchance tool

images

Media editing

Go to website ->

Cleanup pictures

Remove any unwanted object from image

images

Media editing

Go to website ->

Photosonic

Powerful AI text to image generator with option to choose different styles

images

Media editing

Go to website ->

rytr

AI help with writing SEO texts, reviews, bios, emails ect

misc

Go to website ->

stockimg.ai

Create designs, stock images, covers and other images with AI

images

Design

Go to website ->

Imagator

Handy tool to compress, edit and resize your images

images

Media editing

Go to website ->

Natural Readers

Create an audio file with speech from text (pdf or other formats)

Audio

Media editing

Go to website ->

Screenshot Guru

Take a screenshot of any website and tweets

images

Go to website ->

Shaper

UI to create and design UI and styles easily

Code Generators

Design

Go to website ->

Split My Song

Split songs into vocals and instruments

Audio

Media editing

Go to website ->

TinyWow

A collection of popular small tools to edit, compress or merge pdfs and convert files and images

Media editing

Go to website ->

Frontend mentor

Practice frontend with challenges and small projects

Learning resources

Go to website ->

I code this

Practice frontend skills with daily challenges

Learning resources

Go to website ->

TopMate

A platform where you can schedule calls/sessions that others can book. Using a videoplatform and option to embed it on website

Learning resources

misc

Go to website ->

Browse AI

AI tool to monitor and or fetch data from any website

misc

Monitoring

Go to website ->

CopyMonkey

Generate and optimize Amazon listings with AI

AI

Writing

Go to website ->

Magic Studio

Create images from text and manipulate with AI

Media editing

images

Go to website ->

Quillbot

Rephrase or rewrite any text in different modes

AI

Writing

Go to website ->

resumeworded

Create or improve your resume and LinkedIn profile

AI

Writing

Go to website ->

Rytr

Write posts, SEO texts, product descriptions ect with AI

AI

Writing

Go to website ->

WriteSonic

AI writer for SEO content, product descriptions, ads, tweets, posts ect

AI

Writing

Go to website ->

Book of secret knowledge

A collection of various materials and tools

misc

Go to website ->

Colormind

Create color schemes for your website

Code Generators

Design

Go to website ->

CSS layout

A collection of pre-made web components

CSS

Design

Code Generators

Go to website ->

Design Resources For Devs

A collection of design resources for developers

Design

Go to website ->

Duetones

Add filters to your images with CSS

images

CSS

Code Generators

Go to website ->

Freebiesbug

A collection of resources for web designers and developers

Design

Learning resources

Go to website ->

Hero Generator

UI to create hero elements and export code

Code Generators

Design

Go to website ->

Keyframes app

Create animations with CSS keyframes

Code Generators

Animations

Design

Go to website ->

Pexels

A large collection of royalty-free images and videos

Design

images

Go to website ->

Smart Upscaler

Enhance image quality and resolution with AI

Image Editing

Go to website ->

Socialsizes

Image and video sizes for social media

images

Video

Design

Go to website ->