HTTPie AI assistant generates requests for your prompts.
Describe with human language what you want to do and AI will return the best guess on it. Works amazingly well!
The PDF editor that respects your privacy.
The document and data you fill in never leave your computer.
Laws of UX is a collection of best practices
that designers can consider when building user interfaces.
An Open Source JavaScript Visualization Library
A Declarative Framework for Rapid Construction of Web-based Visualization.
Simple yet flexible JavaScript charting library for the modern web
Web Page Design provides Beautifully, organized designs for any business.
DownloadFree templates for Figma and Adobe XD.
UI KIT crafted by professionals.
High quality UI resources for every design need.
Pure CSS interactive components without any Javascript at all.
No JavaScript components to load so there is no wait time for modal, accordion, tabs or any other components.
Every tool you need to work with PDFs in one place.
Every tool you need to use PDFs, at your fingertips. All are 100% FREE and easy to use!
Remove Image Background.
100% Automatically and Free
Access hundreds of APIs without writing a single line of code.
Download custom datasets on finance, sports, and much more in under 3 clicks.
Remove any object, people, text or defects from your pictures.
N/A
Placeholder Images but useful!
Random but categorized API for placeholder images.
Short text for your website.
A new animation library.
A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
Variety of small tools for developers.
The biggest collection of official brand color codes around
Curated by @brandcolors and friends.
REACT Components and Hooks library
Mantine is a MIT licensed open source react components and hooks library with focus on usability, accessibility and developer experience.
useful HTML tips
some might even surprise you.
N/A
Anyone Can Learn CSS Grid
The point of this website is to help people learn CSS grid in an interactive fashion.
A canvas for JavaScript.
CSS data visualization framework
Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.
N/A
Tutorial
sample code and explanation on how to build your own On Scroll animations with vanilla JS.
N/A
CSS reset and normalizer
Reseter.css resets all the premade styles by the browser. Normalizes the browser's stylesheet. Removes most browser inconsistencies. Makes 90% styles be inherited by the parent. And much more...
(thought you should know)
Simple, convenient way for people to give and receive anonymous feedback.
A simple HTTP Request & Response Service
N/A
Turn any device into a secondary screen for your computer
Use any device with a web browser as a second screen for your computer.
The URL shortetner and scheduler
Enter a link here to any web resource to get a new one that you can schedule to be released at a time of your choice and share it to keep your audience engaged.
Open source browser tools for everyday use.
Get ready to learn how to approach the age old question faced by many a CSS practitioner: "How do I center a div?"
Simple and user-friendly SVG background waves generator
Content-aware image editing right in your browser
N/A
A collective list of free APIs for use in software and web development.
From posh, to TABPANEL, to ACCORDION, & vice-versa
N/A
generate massive amounts of fake data
in the browser and node.js
Build fast, responsive B5 sites
browser-based drag and drop Bootstrap theme builder with powerful possibilities.
N/A
Interactive CSS clip-path Editor
The HTML Presentation Framework
open source HTML presentation framework. It's a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free.
Icons and Photos For Everything
Search over 3 million icons.
Restore pictures with AI in seconds
remove scratches, sharpen colors, and enhance faces
Create an extensive brand guide
in a minute with our super simple brand guide creator.
N/A
Dragable, self-adjusting floating menu
finds the optimal menu orientation depending on the position of the menu.
3528 Flexible icons
Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
N/A
Javascript library to make DOM elements draggable and movable
Has touch screen support. Zero dependencies and 500 bytes Gzipped
N/A
Type your text, get AI handwriting
download in svg
Free Bootstrap Builder
Create Bootstrap 4 themes and templates. Start from scratch or reuse free featured designs.
Front-end framework with a built-in dark mode
and full customizability using CSS variables; great for building dashboards and tools
Free svg background generator
for your websites, blogs and app
Any language code playground
Build, run and share code in seconds with our free editor. No setup required.
All Web Designers Should Know in 2020
Simple responsive navs generator
Build quickly your responsive menu
A collection of available one-word domains
N/A
10 Modern CSS layout and sizing techniques
that highlight just how robust and impactful a single-line of styling code can be.
N/A
in single line of code
Favorite JavaScript utilities in single line of code! No more!
collection of free online tools for web coding and text conversion
Free Online Tools for Generating Random Words, Converting Word to HTML, and more Web Goodness.
HTML/CSS/JavaScrip Cleaner and much more
Amazing tool for any designer and developer.
Best free fonts foundry and more
By using our extensive catalog, you can share and integrate typography into any design project seamlessly—no matter where you are in the world.
Font pairing made simple
Easy to use tool to sample different font pairings with customization and similar fonts showcase.
Free for Commercial Use in 2019
70+ fonts that offer free licenses for commercial (and personal) use.
Mixfont is a fun and simple way to discover and visualize new fonts
Easy to use tool to sample different font pairings with customization.
Variable Futura font
Jost aims to keep the attitude of Futura rather than the exact design.
Font combinations for web designers.
A collection of font pairings.
A commercial font distributor
Simple and easy to navigate commercial font foundry.
Identify your font
Provides a range of features to help you locate fonts or find information about fonts.
558 Fully customizable SVG icons
Graphic resources for everyone
Find Free Vectors, Stock Photos, PSD and Icons.
Website builder in your browser
Nicepage is the new powerful and easy-to-use builder for HTML5, Joomla, WordPress websites, blogs and themes.
Free stock photos
Free stock photos catalogue.
Free stock photos
Free stock photos catalogue.
Free stock photos
Stock Photos Designed to Work Together — For Free.
Free stock photos
Free stock photos catalogue.
N/A
Free stock photos
Free stock photos catalogue.
Free stock photos
Free stock photos catalogue.
Free non-commercial stock photos
For embedding.
Search engine for design inspiration
Search by color, keyword, or even just style.
showcase of the finest web and interactive design
Browse 7,234 sites by style, type, or subject, or just see the very best.
Free Graphic Design Templates
or for inspiration.
N/A
Compare images with a slider
A fully responsive slider to compare before and after images for grading, retouching and all else. Mobile and fluid container friendly!
The Biggest Collection of Free Responsive Email Templates
Search from over 1500+ responsive email templates or just click on the tags below to get the template you want.
Free vectors
and templates.
HTML and CSS style guide
This document defines formatting and style rules for HTML and CSS.
10 Best SEO Tools to boost your organic traffic in 2019
Most of them are free ─ so don’t worry about breaking your budget.
Collection of online programming courses
CourseDuck is your one-stop shop for researching and comparing online courses.
4 Principles of Great Logo Design
If you are a consumer or a marketer or a CEO of a company, you should be interested in what makes a great logo.
Best practices for the online form design
From zero to hero all in one blog post.
7 Tips on presenting logos to a client
Logo presentation can be one of the most important pieces of the logo design process.
Original list by ZankRank
good for education and inspiration.
Logo catalogue
Good for inspiration and education.
N/A
Find great Google Fonts
Sselect font families by visual similarity.
The Best Google Font Combinations
Article about Google font combinations.
Canva’s Ultimate Guide to Font Pairing
Article about proper font combinations.
Font Pair helps designers pair Google Fonts together
Tool to create font combinations.
Rules
All the principles and systems you need to know to take the mystery out of responsive web typography.
Font foundry and more
Use their Type Tester.
Over 170 responsive design blocks
All blocks are based on the Bootstrap Library, and they are the building blocks for beautiful websites.
Collection of UI design examples
Samples of various UI interfaces.
Collection of website examples
Samples of various websites.
Inspirational websites
Triple vetted websites.
Collection of website examples
Showcase of 20 split screen websites.
50 Free PSD Website Templates
50+ Free PSD Website Templates For Corporate, Education, LMS, Blog Portfolio and Other Awesome Websites – 2017.
Design showcase
Dribbble is a place to show and tell, promote, discover, and explore design.
Email design showcase
Really Good Emails aims to be the best showcase of email design and resources on the web.
Portfolio design showcase
The nicest design portfolios on the web.
Web design elements
Web design elements and solutions.
Landing page showcase
Web design elements and solutions.
Handcrafted & pixel perfect icons
Jam icons is a set of icons designed for web projects, illustrations, print projects, etc. Shipped in both font & svg versions.
Visual CSS3 generator
CSS3Gen allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
Visual MediaQuery generator
Easy to use and test MediaQuery generator.
Test your site
web.dev helps developers like you learn and apply the web's modern capabilities to your own sites and apps.
Easy to use .htaccess generator
Easy to use generator with many options.
N/A
flexbox playground and code generator
Easy to use generator with many options.
CSS Grid playground and dev tools
CSS Grid Layout is completely changing the game for web design. Learn about CSS Grid Layout and the Firefox DevTools layout panel.
Free Bootstrap 4 UI kit
Now UI Kit is a responsive Bootstrap 4 kit provided for free by Invision and Creative Tim. It is a beautiful cross-platform UI kit featuring over 50 elements and 3 templates.
Easy web typography code generator
Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser.
Community for web designers, developers and makers
The inclusive discussion community for web designers, developers and makers.
Track without being tracked
Self-hosted, Node.js based analytics tool for those who care about privacy.
Browser games for designers
A list of 8 ducational browser games from my bookmarks for the people who like structuring and accuracy.
Create invoices fast and free
Easy invoicing on any platform.
60k flat icons + 60 Free Animated Icons
Huge collections of flat and animated icons.
Beautiful, animated SVG icons
Collection of flat and animated icons.
Icons for everything
Over a million curated icons, created by a global community.
A curated collection of useful CSS snippets.
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
A quiz/list of CSS selectors.
Usefull tool to understand CSS selectors.
N/A
of a Hero Component
CSS solutions, code & examples
Collection of CSS solutions and examples.
Free Bootstrap 4 UI kit
Shards UI Kit is a wholesome responsive Bootstrap 4 kit provided for free.
Free simple CMS based on Node.js
Create your next blog with a beautifully designed open source blogging platform built for the modern publisher.
Free simple flat-file CMS
Very nice and simple flat-file CMS.
Free CMS based on Vue.js
Very small and fast CMS.
Free simple, fast flat-file CMS
Pico makes creating and maintaining a website as simple as editing text files.
N/A
SVG and customizable social icons
Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. The average size is under 600 bytes!.
Free Vector Art Illustrations and Icons
All these Vector Art Illustrations and Icons are available for free, personal and commercial use
MIT licensed illustrations for every project you can imagine and create
A constantly updated collection of beautiful svg images that you can use completely free and without attribution.
N/A
Free high-quality silhouette sets
list of free high-quality silhouette sets of a wide range of subjects including animal and human figures
Create Beautiful Fullscreen Scrolling Websites
Not only vertical scrolling but also horizontal scrolling. With fullPage.js you will be able to add horizontal sliders in the most simple way ever.
N/A
Animate On Scroll Library
Variety of animate-on-scroll animations.
N/A
Element Morphing Library
Ramjet makes it looks as though one DOM element is capable of transforming into another, no matter where the two elements sit in the DOM tree.
N/A
Create animations that display numerical data
CountUp.js is a dependency-free, lightweight JavaScript "class" that can be used to quickly create animations that display numerical data in a more interesting way.
N/A
Article about free flat icons
When it comes to web design, and especially UI design, icons play a crucial role.
N/A
Button Hover Examples
Buttons are an essential element of interaction design. That’s why they’re so important and that’s why it’s good to get them right.
N/A
Dynamic parallax scrolling effect, without dependencies
Free open source plugin built on vanilla JavaScript, so it doesn’t have any dependencies.
N/A
Dynamic parallax scrolling effect, without dependencies
Rallax.js is a vanilla JS plugin that implements a dynamic parallax scrolling effect, without dependencies.
Animate On Scroll Library
Variety of animate-on-scroll animations.
N/A
Slideshow Both
Pure CSS Scroll Snap Type - Slideshow Both.
Visual online design editor
Create designs and get inspired.
Visual online design editor
Create designs and get inspired.
Beautiful emails, easily
Our online e-mail editor will help you design beautiful and responsive messages.
Online Web Launch Checklist
Very useful web launch checklist.
Count characters, words, sentences, paragraphs and pages
Useful tool.
N/A
Simple CSS Grid generator
Simple CSS Grid generator.
Visual CSS generator
It allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
Online preview of a site on various devices
A tool for testing responsive websites crazy-fast.
Reverse Image Search
Search by image and find where that image appears online.
Free Online Website Performance Tools
Instantly get a snapshot of your website availability and performance from nearly two dozen locations around the world.
Live Design Output for Mac
Delivering real time, multi viewport previewing of HTML, CSS, SCSS and LESS as you write it.
Free Freelance proposals
Create, send, and track proposals online.
Forms. Simply done.
Forms.id is a powerful, yet simple platform for building forms and surveys. We put privacy first and offer a secure alternative to Google Forms & Typeform.
N/A
Your ultimate CSS grid visual guide
Simple CSS Grid generator.
N/A
Compress and optimize your images
Compressor.io is a powerful online tool for reducing drastically the size of your images and photos whilst maintaining a high quality with almost no difference before and after compression.
Compress and optimize your images
Squoosh is a new powerful online tool from Google for compressing your images using new codecs.
Flipping a simple image to a div
Flipping a simple image to a div (transitions and 3d transforms).
Collection of Free Animated Icons
Flat and animated icons.
CSS & JS Framework
For professional developers and designers alike.
CSS & JS Framework
For professional developers and designers alike.
CSS & JS Framework
For professional developers and designers alike.
A tool to help build Quantity Queries for your projects
A quantity query is a complex CSS selector that allows styles to be applied to elements based on the number of siblings.
Tool to calculate aspect ratio
RatioBuddy is a happy little tool to help you calculate aspect ratios.
Clean your SVG
Tool to minimize and clean SVG files.
Generates CSS Pie Charts
The conic-gradient() CSS function creates a background gradient with color transitions rotated around a center point.
N/A
CSS Easing Animation Tool
Great tool to create code for your CSS animation easing.
N/A
No-Cruft Excel to HTML Table Converter
This simple utility allows you to paste data from an Excel spreadsheet (or an HTML table) and convert it to a new HTML table that is free of extraneous formatting.
Favicon Generator
Create your favicon.
Favicon Designer & Generator
Design and create your favicon.
N/A
Pantone to HEX converter
Convert your favourite Pantone colour to HEX code.
Easily make tints and shades in 10% increments
The purpose of this tool is to accurately produce tints (lighter variants) and shades (darker variants) of a given hex color in 10% increments.
The colour scheme designer
Tool to design colour schemes.
N/A
Tutorial
Here is a simple CSS trick to show you how to create gradient text effect with a PNG imag.
Colour wheel
Colour generator.
Simple gradient generator
This generator will produce CSS Gradient code using a simple graphical user interface.
Material design palette generator
Pick two colours.
Material design palette generator
Pick your colours.
180 linear gradients
WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.
Visualize The CSS Color Function
Get your colour.
Color scheme generator using AI
Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.
Great article on CSS Grid
A guide to CSS Grid.
N/A
Guide to Server Side includes
Make Easy site-wide changes with Server Side Includes.
Make a flip book with HTML5
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5.
N/A
A grid system based on the flex display property
Grid framework based on Flexbox.
N/A
Cleaner, hack-free CSS
A guide to Flexbox.
N/A
Visual tool for Flexbox row
Simple visual to to set a row parameters.
Most popular icons catalogue
Free icons.
HTML and CSS text shadow effect code examples
Collection of hand-picked free HTML and CSS text shadow effect code examples.
Directory of animated text effects
Choose your animation, get code.
N/A
CSS3 hover effects pack
iHover is an impressive hover effects collection, powered by pure CSS3.
N/A
CSS image hover effects
Choose your animation, get code.
N/A
From Codepen
Choose your effect, get code.
Image manipulation via CSS
Choose your image, copy code.
CSS animations on demand
Choose your animation, get code.
An insanely simple way to create CSS animations
Keyframes gives you a visual timeline to help you create, view, and run animations without having to go back and forth between your browser and editor.
Decorative motion hover effects
Choose your animation, dig for code.
Animated SVG lines
An artistically animated SVG font using the Segment library.
Text Styles & Hover Effects
For inspiration.
7 Caption Hover Effects
Nice caption hover effects.
HTML5 Animation Tools
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.
Using Snap.svg to animate SVG icons
Library of animated SVG icons.
N/A
SVG Stroke animation
Simply drag and drop your stroke based SVG and set your options.
N/A
Some CSS classes to move your DOM!
Collection of shake animations.
N/A
Library of CSS Hover effects
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.
jQuery typing plugin
The most versatile jQuery typing plugin on the planet.
Award-winning content management system
Joomla! is an award-winning content management system (CMS), which enables you to build web sites and powerful online applications.
Take responsive screenshots
Get a pack of specific media sized screenshots.
N/A
Simple and modern charts for web
GitHub-inspired simple and modern charts for the web with zero dependencies.
Interactive charts for browsers and mobile devices
Google chart tools are powerful, simple to use, and free. Try out our rich gallery of interactive charts and data tools.
N/A
Multi-resolution logo maker
Logo Crunch is a multi-resolution logo maker, it uses computer vision to make your high-res logo legible at lower resolutions.
N/A
Write effective resumes
Get inspired by handpicked resume lines that helped candidates get into companies.
Generate 3D Mockups right in your Browser
Upload your design, adjust settings and download your individual mockup. Threed is for free and needs no extra Software.
Various CSS Text Effects
CSS text effects gallery we are using in Banner maker and Freefonts project.
Standalone parallax scrolling with CSS variables
basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.
fontisto the iconic font and css toolkit · 552+ free icons
Free icons.
350+ Carefully designed icons set.
Free icons.