Design Resources for Developers

Free AI Diagram Generator a free AI-powered platform that helps you create various types of diagrams with ease.

Galileo AI is a UI generation platform for easy and fast design ideation. It allows users to generate interface designs from text.

ImgGen AI is a free AI-powered image generator and enhancement tool.

Leonardo AI is an AI-powered design tool that can help you create designs based on reference images.

AI-powered SVG generation and editing tool. Type a prompt to generate a vector graphic, then edit it in a browser-based vector editor. Free credits on signup.

Unblurimage AI is 100% Free,No Sign-Up online tool for unblur image.

VMind is an intelligent visualization suit that provides intelligent interfaces through rule algorithms, machine learning, and LLM.

Minimal components set for Angular

CSS based Angular UI framework developed by VMware group

Angular UI Platform focused on solving common enterprise needs

UI library for Angular based on Material design

For multi select drop-dowm in forms

Customizable UI Kit, Auth & Security for Angular

UI library for Angular based on the Bootstrap framework

Native Angular components & directives for Lightning Design System

A lightweight Angular component for creating particles

UI library for Angular based on Semantic UI

UI library for Angular based on Ant Design

Another UI library for Angular based on the Bootstrap framework

Admin template based on Angular 10+ and Nebular

Hybrid mobile and PWA UI library for Angular and Onsen UI

npm library for pagination

Powerful UI component library for Angular

Cutting-edge tools powering Angular full-stack development.

Taiga UI is fully-treeshakable Angular UI Kit consisting of multiple base libraries and several add-ons.

AniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure

Just-add-water CSS animations

Just-add-water CSS animations snippets

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects

CSS Animations On Demand

AnimXYZ helps you create, customize, and compose animations for your website. Built for Vue, React, SCSS, and CSS

Super easy and lightweight css animation library.

Animate On Scroll Library.

Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations

This is a library having a collection of different types of CSS loaders, spinners

CSShake delivers exactly what it says on the box — a CSS library designed specifically for shaking elements within your web page

Over 600+ Curated Animations ready to copy & paste.

Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.

Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website

These animations, like rotations and pulses, that are specifically designed to run and repeat forever

A graphical user interface for generating custom CSS keyframe animations

Animations has been one of the most impressive animation libraries available

A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.

A Sass library for creating flexible CSS transitions and animations

Animations for the strong of heart, and weak of mind

Generate dynamic backgrounds for your website

Sequence.js is a JavaScript library that provides a responsive CSS framework for creating unique sliders, presentations, banners, and other step-based applications

A useful tool to animate stroke and fill properties in SVG images with plain CSS code

Tachyons itself is an atomic CSS library with a ton of utility classes for essentially designing anything by adding classes to what you need

CSS Transitions and Transformations for Beginners

CSS loading animations with minimal effort!

Round, flat, designer-friendly pseudo-3D engine for canvas & SVG

A design system for building faithful recreations of old UIs

Arwes is a web framework to build user interfaces based on futuristic science fiction designs, animations, and sound effects.

Axentix is an open source Framework based on CSS Grid using HTML, CSS and JS.

Build Material Design interfaces in record time, without stress for devs 🍻. The first CSS framework that implements Material Design 3.

Open source modular CSS toolkit providing great structure for building websites quickly

A lightweight layout library for building great responsive mobile first UIs that work everywhere

Bojler is an email framework for developing responsive and lightweight email templates that will render correctly across each of the most popular email clients.

Popular UI framework with tons of components that use both CSS and JS

Modern CSS framework with no JS

A micro (~3kb) CSS framework

A component and utility centric SCSS framework designed for rapid prototyping.

Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components.

A web component for drawing patterns with CSS

A strong, independent CSS Framework.

Considered CSS component library — 73 components, 20 theme families, classless mode, AI-ready with llms.txt and MCP server. Zero build step

Flowrift is a library made of beautifully designed Tailwind CSS UI blocks.

A community fork of Semantic-UI

Mobile first framework with clean markup

Framework7 - is a free and open source framework to develop mobile, desktop or web apps with native look and feel.

Modern framework to print the web correctly.

A responsive and lightweight framework, designed for quickly building beautiful dashboards and product pages.

A pure CSS tooltip library for your lovely websites.

Pure CSS Image Hover Effect Library

A modern CSS framework for developing powerful web interfaces faster and easier

Make your website look like a LaTeX document

World's smallest responsive fire css framework (395 bytes).

Marx is the classless CSS reset to be used in any projects (namely small ones).

Material Design with Bootstrap

Light framework based on Material Design. No JS dependency

A modern responsive front-end framework based on Material Design

Create your site quickly and effectively with Metro 4. impressive components library built on html, css, javascript.

Minimalist CSS framework

A minimal, responsive, style-agnostic CSS framework

A minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and you're done

NES-style CSS Framework

Orbit is the first CSS framework for creating simple or complex radial interfaces.

Front-end printing solution

Lightweight and beautiful library

Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.

PS1 style CSS Framework, inspired by NES.css.

A set of small, responsive CSS modules

Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS.

A minimal classless css framework / theme.

Empowers designers and developers by creating a shared vocabulary for UI

Lightweight, forward-thinking CSS library built with future CSS syntax

Extremely light framework for basic UI elements

Lightweight, modern CSS framework

StyleX is a simple, easy-to-use JavaScript syntax and compiler for styling web apps.

Lightweight, grid-layout engine for Sass

Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible.

Primitive CSS Framework for dummies, without classes.

Low level, utility-first framework

A modern and minimal CSS framework for terminal lovers.

Style your webpage like Edward Tufte’s handouts.

Turret CSS is a styles framework for development of responsive websites.

The smallest, fastest, most feature complete tailwind-in-js solution in existence

Lightweight and modular front-end framework

Fully configurable utility generator and CSS framework built entirely in Sass

UnoCSS is the instant atomic CSS engine, that is designed to be flexible and extensible. The core is un-opinionated, and all the CSS utilities are provided via presets.

Simple, extensible CSS framework written in Sass

A modern CSS framework with support for desktop, tablet, and mobile design by default. Designed to be independent of jQuery or any other JavaScript library

Next generation compiler for Tailwind CSS

A beautiful CSS framework designed for minimalists

XP.css is an extension of 98.css. A CSS library for building interfaces that look like old UIs.

Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function.

Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development.

CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency.

OOCSS concepts help us write components that are flexible, modular and interchangeable.

SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process.

Angular DevTools allows you to understand the structure of your application and preview the state of the directive and the component instances.

Full page screen capture and screen recorder - 2 in 1. Share screencast video instantly

Instantly test your webpage on any desktop or mobile browser.

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

A simple CSS property viewer.

Get programming news with zero effort. Simply open a new tab, and you’re all set. A must-have tool for busy developers!

Adds outline to all elements on the page to show the culprit element which is changing desired layout. Helps in debugging CSS of the page

Fake Filler a form filler that fills all inputs on a page with fake/dummy data.

Identify fonts from any website, bookmark, try, and buy them.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!

Hackertab helps developers stay up-to-date with the latest dev news and resources in one tab.

Find and download all images on a web page. With Imageye you can find, browse and download all the images present in a web page.

Beautify CSS, JavaScript and JSON code when you open a .css/.js/.json file

Formats and colors JSON content for better readability. It can also collapse and expand nested structures.

Browser extension for viewing JSON files.

Validate and view JSON documents.

Quickly check and adjust contrast in real-time in your browser to meet WCAG 2.1 requirements

An open-source, automated tool for improving the performance, quality, and correctness of your web apps.

A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page.

Adds a semi-transparent image overlay over the top of the developed HTML to easily perform pixel perfect comparison between them, useful for replicating UI designs.

Inserts the Pesticide CSS into the current page, outlining each HTML element to better see placement on the page, helpful for building layouts.

React debugging tools to the Chrome Developer Tools. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

Redux DevTools provides power-ups for your Redux development workflow. Apart from Redux, it can be used with any other architectures which handle the state.

Show multiple screens once, Responsive design tester

A SEO tool that includes features like on-page SEO analysis, broken link checking, and SERP preview and more.

A must-have tool for designers and frontend developers to grab colors for any website.

Change the appearance of the web instantly.

Identify usability issues through a heuristic evaluation.

Open source web design debug tool built with JavaScript

Wappalyzer is a technology profiler that shows you what websites are built with.

Adds a toolbar button with various web developer tools.

The web editor is the tool that provides you with an enhanced way to inspect any website elements, alter their properties, insert contents, design, and visualize the way you want to see them.

The easiest way to identify fonts on web pages.

Discover what runs a website. Frameworks, Analytics Tools, Wordpress Plugins, Fonts - you name it.

Resize the browser window to emulate various screen resolutions.

A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more.

Create color palettes, extract gradients from images, etc.

Discover current color trends in different industries from the creative communities on Behance and Adobe Stock

Discover Created the best Color Palette & Color Tools.

Logo Color Codes and Palettes

The biggest collection of official brand color codes

A tool that shows the midpoint colors between two colors

The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest.

A gradient generetor from one color.

Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color.

Tool to get hex code along with name of the color.

A free and open platform for color inspiration with thousands of trendy hand-picked color palettes

It will show the color schemes which are popular in the outside world.

We can quickly generate color shades of our favorite colors or any colors, to create templates or css components with multiple color shades and more useful tools available on same site

Color combination contrast tester

Color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.

A free website to produce color set

Color palette generator that uses curves to generate color palettes

A free tool to create simple and complex CSS Gradients visually

Create color palette, gradients, color scales, check contrast all in one place.

Color palette generator

A curated library of colors, fonts and resources

Super-fast and simple color palette generator, palettes can be saved and shared in seconds.

Interesting color palettes generated by a Twitter bot, there are hex codes and descriptive names for each color.

All-in-one resource for finding everything about colors

Generate nice color palettes from one color

Place to store your color palettes and generate palette in one click

A powerful online Photoshop-like CSS gradient editor

Color mixing tool

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites.

A free tool that shows different gradient examples in CSS and PNG format

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

Powerful color tools including an eyedropper, color picker, and palette generator.

A free website to make custom gradient and some examples of gradient

You may only need this tool for creating CSS gradient backgrounds and patterns.

Duo is a collection of colour combinations that I’ve curated from personal projects or that I’ve come across on the web.

Find beautiful free duotone images to use in any project, or make custom duotone images by uploading your own image and applying a duotone effect in seconds.

Gradient Background Colors with eggs.

Website for referencing web colors. Color knowledge, Web colors, Hex color codes.

AI color palette generator and gradient generator for creating accessible design systems with built-in contrast auditing and Tailwind exports.

A random color palette generator

Beautiful set of color palettes in various flavors

Official Google Material Color Palette Tool

Gradient Selector

Ready to use copy/paste gradient buttons

A free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients

A pure css and jpg gradients

Find and test gradients easily.

Happy Hues is a color palette inspiration site that acts as a real-world example as to how the colors could be used in your design projects by Mackenzie Child

It gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names.

Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names

Free online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc.

Huemint uses machine learning to create unique color schemes for your brand, website or graphic

A tool to create accessible color systems.

Image color picker and palette generator

Create custom accessible Tailwind-style color palettes, where you can modify HSL curves across whole swatches, check WCAG/APCA contrast, then export to Tailwind/CSS/Figma/Adobe

Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.

The Lospec Palette List is a database of palettes for pixel art.

Generate theme and color palette Material Design-like

Free to pick palettes, icons and colors for Material Design

1000+ Material Design palettes

Generate new color palette with every spacebar press

Pick 2 colors you like and the tool generates thousands of palettes for you.

Generate beautiful color palettes from different categories.

Paletton.com is a designer color tool designed for creating color combinations that work together well.

Build smooth color schemes that flow from one color to another.

The stunning color scheme for website & App Designs with previews

Quickly generate shades of any color

Tailwind CSS color palette generator

UI gradients color generator

A collection of UI Colors with hex codes available to be copied in just one click.

Browse color palettes made by other designers, generate and submit your own

3D OKLCH color palette generator.

A free website to find good CSS gradients

A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.

Hand—picked website and component inspiration library.

Hand-curated gallery of 1,000+ websites filterable by technology stack, font, style, colour, creator, type, and category

Explore the best, hand-picked app motion design

A website that rate and collects the best websites in the world in UI

Design projects featured by different creators

Bento Grids is a curated collection of tiles-based layouts that were popularized by Apple with their summary slides.

Discover latest design tools, agencies and landing pages templates across web

Collection of different web Components for inspiration.

A website that collects the best UI ideas and patterns and make tutorials of it

Daily inspiration collected from daily ui archive and beyond. Handpicked, and updating daily.

91 Beautiful CSS box-shadow examples.

84 Beautiful CSS buttons examples.

Demonstrating the power of CSS, over 200 CSS-only interpretations of the same HTML file.

Unleash your creativity with out-of-this-world web design inspiration from across the web.

A showcase of awarding and showcasing the best websites, apps and Games.

A library of screenshots and patterns from real world digital products

Collection of different Web and Mobile Designs

Access to 370 million pieces of art for inspiration.

Design projects featured by different creators

eCommerce Website Design Gallery & Tech Inspiration.

Design inspiration from the best mobile app designs

A site offering fonts, mockups, templates graphics and ui kits.

Free frontend design from css html and javascript. latest work some design part

Real-world UI Challenges using HTML, CSS and Javascript

A site offering a free and pain icons, mock-ups, Ui-Kits, text effect and backgrounds. This site's resource are a mix of free and paid resources. Icons is on a mix of PNG, SVG, EPS and Sketch Format. Some resources are confusing as there are sponsored content in the middle of the free sets.

Showcases websites made by people from all over the world

Displays a large collection of websites to help find inspiration

Home of the best landing page design inspiration.

Landingfolio features the best landing page inspiration, templates, resources and examples on the web.

Find the best landing pages for your design inspiration based on your preference.

Best landing page inspiration

Daily feed of websites & fonts inspiration.

Search engine for design inspiration

Responsive navigation examples

Page Collective is part of a network of design inspiration websites.

A site offering users a ton of company e-mails from customer service to marketing.

Discover the best landing page examples created by top-class SaaS companies

A collection of the best landing pages with a focus on copywriting and design.

Screenlane is a website and newsletter that features the latest web and mobile design inspiration.

siteInspire is a showcase of the finest web and interactive design.

A curated gallery of beautiful and modern websites.

Design tools that give you super powers.

Daily handpicked UI inspiration & patterns.

Home of the best mobile ui inspirations from top companies in the world

A site for web design inspiration, updated daily.

Discover and be inspired by beautiful webapp designs

A curated gallery of professional website designs to inspire developers and designers seeking creative ideas and best practices.

Oracle's design system and toolkit

Guides and templates for using Apple design and UI

An enterprise-level design system jointly launched by the Bytedance GIP UED team and the architecture front-end team.

Gojek’s design language system. A collection of guidelines and components to create amazing user experiences.

Atlassian's official UI library, built according to the Atlassian Design Guidelines

UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly

Audi UI design system and toolkit

Robust Twig and web component powered UI components

Carbon is IBM’s open-source design system for products and experiences

Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.

UX guidelines, HTML/CSS framework, and Angular components

Scalable design system of visual language, components, and design assets

A resource to improve Design principles and guidelines for developers.

Open source design system, guides & components

Guides and toolkits that blend finance with simplicity and ease of use

Open source and community driven project for consistent user interfaces

A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.

Guidelines and resources to create meaningful experiences for Infor’s products

A collection of the key maxims that designers must consider when building user interfaces.

An experience language for crafting beautiful UI

Set of design principles and components

Google's Material Design

Collection of UX frameworks from Microsoft

Protocol is a design system for Mozilla and Firefox websites

Open-source design system for Next.js with 100+ components, deployment-ready app templates, and Figma integration

PatternFly is an open source design system from Red Hat, Inc.

A resource to improve on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.

Design guide with components for designing with Pluralsight

Design system that creates great experiences for all of Shopify’s merchants

An open source set of very general guidelines, inspired by Human Interface. Created and maintained by Pr1mer Tech

Design, build, and create with GitHub’s design system

Design system, guides and React component library

Style guide with UI components, JS components, widgets, etc

UI library for developing consistent UI/UX at SendGrid

Design guideline for developing applications under the Skoda brand

Adobe’s design system that provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

A directory of 500+ styleguides

Reusable patterns, components and assets related to product design in VTEX

Yelp style guide, components and toolkit

Free design tool from Adobe

Online design program

Open source, free animation, 3D modeling, etc.

Open Source colors software: Retrieve, manipulate and store your colors easily!

Free & Open source photography workflow application and raw developer

Free & open source image editor similar to Photoshop

Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.

Free full-featured vector graphic design app that works on ALL platforms

Powerful free design tool

Free Photo Editor: For windows only

Free screen designing tool from InVision

Sketching and painting program designed for digital artists

Interactive interface design tool created by Facebook: For mac only

GUI prototyping software

Cross-platform raw image processing program

Icons that can be used as code in your projects

Generate favicons of all the sizes and formats as well as the HTML code needed to support every possible browser or device

Generate favicon ico files for your website

Generate website's favicon assets. SVG, maskable, image minified supported. Pure frontend. No privacy risk. Fast.

Draw a favicon online and browse through a library of favicons made by other users

Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats

Very simple favicon generator. Download in .ico and .png formats

Generate pixel-perfect favicons for free in seconds

Generate favicons and images from Font Awesome icons

Generate maskable PWA icons based on your existing icon

Generate icons for all platforms (Windows, iOS, Android)

Capture and annotate screenshots

Instantly preview websites on different devices

Simple color picker and eyedropper

Advanced color picker and eyedropper

Developer news and resources

Fill out web forms with dummy data

Capture full web pages

Download images from web pages

Beautify and minify JavaScript and CSS code

Format and syntax highlight JSON

Check contrast levels for accessibility

Generate lorem ipsum text

Overlay an image over a web page to compare

Outline elements on web page for easy visualization

Inspect React component hierarchy

Test responsive design of websites

Extract color palette from website

Customize the appearance of web pages

Web design debugging tool

Identify technologies used on websites

Toolbar for web development tasks

Identify fonts on web pages

Discover technologies used on websites

Resize browser window to predefined dimensions

I think the name speaks for itself :smirk:

Fonts free for personal and commercial use

Arabic fonts for free

High quality fonts for free

Privacy-focused Google Fonts alternative, GDPR compliant with faster CDN

Archive of freely downloadable fonts

Find and use the coding fonts for free

Stylish fonts for free

A digital type foundry crafting retail fonts and custom typography for various brands

Preview 800+ Google Fonts on top of your own designs, without having to download the fonts

Free font you can download for material coding and design

A designer-centered free font website that has quick customizable previews

Font Squirrel scours the internet for high quality, legitimately free fonts

Discover and generate your favorite fonts from pop culture.

Simple and easy way to view the contents of font files

Has a variety of fonts available to download and sorted neatly with tags

Generate font pairing in one click

Helps you pair Google Fonts together

Free curated fonts

Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps

Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.

Self-host Open Source fonts in neatly bundled NPM packages.

Free typography resource with font downloads, pairing guides, and font-in-use references for logos, films, games, and design projects.

A list of high quality fonts

Upload your own SVGS and turn them into font files. Useful if you want a smaller library loaded

Golden Ratio Typography Calculator

Library of around 1000 free licensed font families

A Hassle-Free Way to Self-Host Google Fonts

A hand-curated collection of freeware, open-source, and public domain fonts intended for commercial use

A geometric sans-serif typeface made with code

A variable font empirically shown to significantly improve reading-proficiency

Malayalam fonts for free which are maintained by Swathanthra Malayalam Computing(SMC)

Fluid typography is a modern way of approaching responsive typography.

FREE platform for curated open-source typefaces

When RoughJS meets Font Awesome

San Francisco Fonts for Windows 10 and non-Apple Platform

A type diff tool that visually contrasts the differences between two fonts

Learn about typography practices

Inspirational font combinations and color palettes

A collection of over 8000 free fonts and dingbats

Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces

Download Free fonts

Download free-website-templates

Elegant, clean and beautiful free templates using Bootstrap.

Premium & Free Bootstrap Templates

Free themes for Bootstrap

Almost any category of theme you can think of

Fully coded HTML templates to help you easily build your startup landing page without hassles.

Huge collection of free templates

Free & premium HTML5 and Bootstrap themes

Trendiest open source Admin Template for React

Very modern, unique responsive HTML5/CSS3 themes

Free beautiful HTML5 templates and landing pages

Templates, infographics, banners and much more

Free and Pro Html/Css3, Bootstrap5, Vue, React, Laravel templates

HTML5/CSS3 Free Templates

Great looking HTML5/CSS3 templates

One-page websites, templates and resources

Open-source Astro website template with sleek, customizable TailwindCSS components

Open-source & Easy to us Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.

Free web templates to kickstart your idea!

Bootstrap starter themes

Brilliantly crafted free website templates

Minimal, resume, gallery themes and more

Free Bootstrap themes and landing pages

Collection of HTML5 Bootstrap templates from different categories

Tooplate: Free HTML Templates for everyone!

Free Landing Page Templates and Bootstrap Themes

Some responsive W3.CSS website templates for you to use.

W3Layouts: 3784+ Free Website Templates for 2020

Boxicons is a free collection of carefully crafted open source icons

Devicon is a set of icons representing programming languages, designing & development tools

The web's most popular icon set and toolkit

200+ web icons where you can customize the names or codes of icons.

Fontisto the iconic font and css toolkit · 616+ free icons

Free Open Source Svg Icon Library

2100+ free icons to spice up your creative designs

Beautifully crafted open source icons from Ionic team

890+ handcrafted icons to make your web app awesome

Swap in replacement of Font Awesome with modern line icons

Linea: Featuring 750+ Free Icons

Material design icon font

Material design icon library

Free to pick palettes, icons and colors for Material Design

A free, open source set of 150 elegant, pixel-perfect linear icons, available as web icon font and SVG icons.

A sleek web font for payment operators and methods. Featuring 116 icons

An Open Source and free Svg Icon Library, it is a collection of your favorite icon libraries like Font Awesome and Material Icons to provide you with a wide range of SVG icons to choose from.

202 thin stroke icons inspired by iOS 7

A set of 1100+ Free line style icons available as web font, SVG icons, and as components for JS frameworks like React, Vue and React Native.

The icon font from Visual Studio Code

Weather Icons is the only icon font with 222 weather themed icons

Customizable Foundation icons

Beautifully crafted open source 3D icons

Browse and download 250,000+ free SVG icons from 220 carefully curated icon libraries.

Quickly generate app icons in different sizes for your IOS, macOS and Android projects

Free Icons built for Bootstrap but they'll work in any project

Consistant open source icons as SVG for React, Vue and Svelte

Convert PNG files to SVG online & free. (One of the services provided by it.)

A set of 430 crypto and fiat currency icons. Completely free.

Icon set made with pure css code, no dependencies, "grab and go" icons

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

The collection of 3300 emojis with their HTML codes for easy use.

A website offering a number of free icons. Icons are tagged and also compressed into kits.

A pixel-perfect, open source iconic font available as ligature and SVG.

Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.

Evericons is a big pack of over 460 free icons designed by Aleksey Popov.

Beautiful, customizable open source icons

The largest database of free icons in PNG, SVG, EPS, PSD and BASE 64 formats

Free, open source icons from the creators of Tailwind CSS.

Browse 5500+ Free Icons. Add any set you wish to easily browse and search its icons.

A collection of 100K+ open-source SVG icons, fully customizable for designers and developers.

Free Icons PNG, ICO, ICNS and Vector file SVG

7843+ free icons grouped in 182 collections

Icon Explorer with Instant searching, powered by Iconify.

Free and premium vector icons in SVG, PNG, CSH and AI format

Just practical stunning icons for everyone

Discover 4496+ free icons in 313 collections

Free library of 900+ open source icons

Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons

Free icons, photos, vectors and tools

Free Download Icons illustrations stock photos at one place

Free Custom Icons

Search engine with over 50,000 SVG icons indexed

Access 250,000+ open-source SVG icons you can customize to fit any design or development project.

Iconspedia is a website that contains a large collection of high quality free icons.

Fully customizable & accessible vector icons

Beautifully crafted open source icons for use in web, iOS, Android, and desktop apps.

1000+ Ultra crisp vector icons

2000+ Essential Line Icons for Designers and Developers

50 free animated interactive icons

Lucide is an open-source icon library, a fork of Feather Icons.

An icon collection allowing designers and developers targeting various platforms to download icons in the format, color and size they need for any project.

Nucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free & Paid)

Phosphor is a flexible icon family for interfaces, diagrams, presentations

A crisp set of 15×15 icons designed by the Modulz team. All icons available as individual react component,SVG and more.

Simply Delightful Icon System

The world's biggest premium and free icon packs library of flat icons, line icons, filled outline, isometric and solid styles.

A collection of 275+ open-source icons available for Figma, SVGs, and React.

8000+ free icons

Collection of Free icons.

1307 Free SVG icons for popular brands

Download free SVG Vectors for commercial use.

SVG to ICO - A free, fast online tool to convert SVG images to ICO format for favicons and app icons.

220+ icons in a growing collection.

3500+ highly customizable open source SVG icons with React, Preact, Vue, Svelte and SolidJS support

TeenyIcons is a set icons in SVG format easy to use in html

Over 2 Million curated icons, created by a global community

100+ customizable playful animated icons. Available in JSON and SVG format.

Thousands of icons, one unified framework. One library, over 40,000 vector icons.

Free Animated Icons in SVG and Json Format(for lottie)

Well Optimized, Free icons for commercial use

Top curated collective resources for elite designers.

Ready to use Free and Open Source SVG Icons Pack JavaScript Library.

SVG Vue/React components integrated from fluentui-system-icons, ionicons, etc. (Vue3, Vue2, React, SVG).

A set of free premium SVG icons for you to use on your digital products.

Bulk image resizing, compression & converting that perform all the tasks within the browser (It works offline)

Compress JPG and PNG images. No Limits. Bulk Conversion. Convert to WebP. Works Offline

Compress JPEG images with size even greater than 5MB

JPEG, GIF, PNG Compression

JPEG, PNG, GIF, SVG Compression

Animated GIF maker and Image editor including Image optimization and supports WebP conversion

The fastest free web app for easy image modification

Image Optimizer Free With Quality Options

A 100% free & private (no upload) toolkit to resize, compress, crop, convert, and bulk image resizer. it support JPEG, PNG, SVG, JPG, WEBP and more.

free image compressor tool and it support JPEG, PNG, SVG, JPG, WEBP and GIF.

Free online tool for resizing and compressing digital photos and images for displaying on the web

Convert any major image format into a highly optimized JPEG

Resize png for without losing transparent background.

Online JPEG and PNG optimizer / compressor with settings and archive download

A fast and simple PNG Compressor that reduces image file size without noticeable quality loss. Optimize PNGs instantly in your browser—no uploads, secure, and developer-friendly.

Free Image and Photo Resizer

Resize Your Images Online

Image compression from Google Chrome Labs

This tool removes superfluous information, thereby reducing the size of your SVG files

Online SVG optimizer with a lot of settings and possibility to cut and paste svg code directly in it.

Smart PNG and JPEG compression

Uses lossless compression to compress inefficient SVG codes by removing unnecessary data. (Free & Paid)

Remove meta tags in image in order to reduce image size and increase privacy security

Private, client-side compression of JPEG images. The app does not send images to a server for processing.

Animate on scroll library to reveal animations when You scroll.

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

Create fluid and smooth transitions between your website’s pages.

Free lightbox plugin.

Create fluid and interactive gradient animations with this small javascript library.

A JavaScript library for building high-performance animations that work in every major browser

KUTE.js is a JavaScript animation engine for modern browsers.

Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!

A small JS library to overlay images on top of the current page.

A simple scroll library that provides detection of elements in viewport & smooth scrolling with parallax.

Midnight.js lets you switch fixed headers on the fly

The motion graphics toolbelt for the web

Beautiful animated waves

Free responsive jQuery carousel

A lightweight JavaScript library for creating particles

Simple animation libraries for delightful user interfaces.

Responsive and slick progress bars with animated SVG paths.

A buttery smooth, super lightweight, vanilla javascript parallax library

Rough Notation is a small JavaScript library to create and animate annotations on a web page

The easiest way to get a parallax effect with javascript

Fully responsive carousel

Free, pure JS library for carousels and sliders

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

Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!

Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS and all modern frameworks like React, Vue, Angular etc.

Theatre.js is a JavaScript animation library with a GUI. It animates the DOM, WebGL, and any other JavaScript variable.

An easy to use, lightweight, 3D library with a default WebGL renderer.

A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery.

Tingle is a simple modal plugin written in pure JavaScript

A lightweight library for creating particles, an improved version of the abandoned and obsolete particles.js

A JavaScript Typing Animation Library.

Animated website backgrounds in a few lines of code.

Velocity is a lightweight animation engine with the same API as jQuery's $.animate()

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn.

Reveal Animations When You Scroll.

Ant Design Charts, free JS Charts library for dynamic data with excellent documentation

Modern & Interactive Open-source Charts

Simple responsive charts

Simple yet flexible JavaScript charting for designers & developers

Bind complicated and massive data to interactive graphs.

An Open Source JavaScript Visualization Library with declarative syntax for Rapid Construction of Web-based Visualization

Includes Green squares grid like in GitHub, and other charts to use.

G2Plot is an interactive and responsive charting library based on the grammar of graphics.

Get the experience from Google to create similar charts that Google uses.

Nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Also comes with server side rendering ability and fully declarative charts.

VChart is not only a multi-terminal chart library that can be used out of the box, but also a vivid and flexible data storyteller.

Vizzu - a free, open-source Javascript library for building animated charts, data stories, and interactive explorers.

VStory is a feature-rich narrative system that can use VisActor's VChart and VTable, combined with built-in components, to create visual works.

VTable is a high-performance multidimensional analysis component developed based on Canvas. When compared with traditional DOM table components, VTable primarily addresses rendering and interaction performance issues in the context of large amounts of data.

High resolution web browser logos

Fast, All-in-One Logo Generator

Create custom logos

Search engine with over 200,000 SVG logos indexed

Brand Logos Free Download in SVG Vector & PNG File Format

Logos for payment systems available in png and svg

1000+ high-quality SVG logos

Consistently formatted SVG logos

Download vector logos of brands you love

Make videos online

Easily generate avatars for your projects with Big Heads by Robert Broersma.

Blobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes.

Tool for easily creating precise Calc() CSS functions

Create beautiful designs (Free & Paid)

Create and share beautiful images of your source code by typing or drop a file.

Turn photos into cartoons

Create charts and graphs online

Easy CSS clip-path maker

Convert your source code into awesome shareable images.

Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.

A tool for creating CSS Grid Layouts

Create call to action buttons

Design your database for free online

Diagram software and Flowchart maker

The lorem ipsum of illustrations. Just customize your doodles, grab the code, and use them on your web prototypes, landing pages, or no-code tools.

Free online diagram editor tool

Virtual whiteboard for sketching hand-drawn like diagrams

Eight values specifying border-radius in CSS ( border-radius generator )

Free browser-based design utilities: color picker, palette generator, CSS gradient builder, contrast checker, hex/RGB/HSL converter, shadow generator. No signup, no upload.

Turn real code into faux code

Post Cover & Background Generator Tool

Online graphic design tool (Free & paid options)

A flexbox grid cheatsheet to reference when working with flexbox

Photo editor and design maker

Is prototyping tool for teams

A free SVG wave generator to make unique SVG waves for web design

Fun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library

A modern CSS UI library based on the glassmorphism design principles that will help you quickly design and build beautiful websites and applications.

An incredible online tool for generating quick glassmorphic UI in CSS code snippets.

Open-source, multi-purpose, Web Builder Framework which combines different tools and features with the goal to help you (or users of your application) to build HTML templates without any knowledge of coding.

A css grid cheatsheet to reference when creating a css grid

Website Speed and Performance Optimization

Create infograms

Online tool to create motion graphics/design

A simple and powerful online JSON formatting tool

Convert your source code into nice pictures for your articles, tweets, messages, posts...

Diagramming and visualization tools that allows creating databases, flowcharts, boards, floor-maps, and much more. 3 multi-page documents on the free tier

Simple way to visualize your data with a map

renders Markdown-inspired text definitions to create and modify diagrams (like flowchart, sequence diagram, gantt, or user journey) dynamically. (FOSS)

Generate Soft-UI CSS shadow code

Sitemap builder

The drawing app with a nested "drawing-inside-the-drawing" structure

Real-time shareable whiteboard for brainstorming

Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG). For all and empowered by the community Open Source and selfhostable

A playful avatar generator for the modern age

Create your own photos instead of searching for stock

An Online Photoshop editor

Accurate and hassle free background removal tool

Online photo editor

Online tool to create beautiful images of your code.

Remove image backgrounds

Real-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.

Simple online editor for creating custom CSS scrollbars

Create a set of lush, realistic CSS shadows.

A tool for designing cover image for your blog.

Upscale images by 2-4x resolution (4 free)

Table Convert Online is a web-based tool to converts Excel, URL, HTML, Markdown table and CSV to Markdown table, CSV/TSV, JSON, XML, YAML, insert SQL, HTML, Excel and LaTeX table.

Create social media banner designs in minutes from hundreds of customizable templates

Instantly remove the background from your photos

Create full-fledged web apps visually

Remove Video Background 100% Automatically and Free

Creating and Edit SVG Online

Free vector graphics software

Tool that empowers non-designers to design web and mobile app mockups

Create presentations, infographics and more

Break the code barrier, Build better business websites, faster. Without coding.

Wireframes, diagrams and more (4 free)

Online drawing tool

A tool to rapidly prototype and build stunning websites using Tailwind CSS (Free & Premium)

Wireframing tool (free & paid)

Create a Website You’re Proud Of

Online test to help speeding up heavy web pages

A wide variety of snippet and article collections for CSS, JavaScript, Python and more.

Resets the css styling of all HTML elements to a consistent baseline across browsers.

A web tool to scan websites against WCAG rules

All HTML tags briefly explained.

Free web tools for speed up your development.

Apifox = Postman + Swagger + Mock + JMeter

A collection of awesome tools, resources and products for people who create and live on the internet.

An interactive list of Bootstrap classes, variables, and mixins. The only Bootstrap CheatSheet you will ever need.

Check cross-browser compatibility of frontend technologies.

Tool For Code Formatter, Minifier, File Converter

All-in-one free online file service, convert, edit and optimize your files.

Free Online Tools like Code Beautifiers, Code Formatters, Editors, Viewers, Minifier, Validators, Converters for Developers

Build, test and discover frontend code.

Command line tool to formatted commit messages according to the standards

Generate critical css for your web pages

A collection of all css properties and definitions in detail

This generator will assist in creating a pure CSS corner ribbon.

Free CSS tricks and some unique ideas for beginners and advanced

Test and optimize page load speed

Essential reading on the practices that propel the best design teams forward.

DevDocs combines multiple API documentations in a fast, organized, and searchable interface.

This is a modest collection of cheatsheets on Internet

Pure CSS phones and tablets by Marvel App.

Check your awesome responsive webpage looks great in every size

Free online tools for developers, including image compressors/encoders, code formatters, code playgrounds, and many other handy utilities.

Figpeek is a new Figma and GitHub thumbnail generator.

Help Froggy and friends by writing CSS code!

Gerillass is a website development tool built on top of Sass with a set of Sass mixins and functions for frontend developers to generate scalable CSS outputs.

Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs.

Client-side HTML-to-PDF rendering using pure JS.

Online tool for extracting all images and SVGs of a website, all you is just to drop the URL

Check JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility across different compilers, servers/runtimes and platforms (Desktop and Mobile).

Use Material tools, downloads, and interactive projects to simplify your workflow.

Most commonly used device resolutions including phones and tablets

A collection of tools for developers who have little to no artistic talent

Collection Of All Cheat Sheets.

A server for your Static HTML forms

The Biggest Paper Database with Sizes, Dimensions and Formats in Metric and Imperial units.

The best resource for International Paper Sizes, Dimensions & Formats.

Assorted resources for frontend developers and web designers.

Javascript playground.

Use QR Code Generator to easily create a QR code for your project.

Discover and connect to thousands of APIs.

The easisest way to create a README.

A tool for designers and frontend developers to design and debug their in all platforms with ease

Free online JavaScript playground.

Free Online tools website for work

A collection of useful snippets and code examples for HTML, CSS, JavaScript, Node, Artisan, Blade and more.

Beautiful code screenshot generator.

Sketchize is built for UI/UX Designers to help them design lovely apps for mobile, tablet, and desktop devices.

Free tool for developers to help with Beautify & Minify HTML/CSS/Javascript, and many other handy tools. With a delightful interface.

Browser extension to find SVGs on a webpage and download, copy to clipboard, or export as PNG.

A collection of handy, free-to-use tools for web developers, programmers and designers.

A collection of free single-purpose online tools for web developers

A tiny little drawing app.

150+ free browser-based developer tools: JSON formatter, diff checker, regex tester, JWT decoder, CSS generators, SVG optimizer, color tools, and hash/QR generators. Runs client-side, no signup.

ToolsHref - Online Java code analyzer and JSON-to-Mermaid visualization tool. Multiple Dev Tools

Build and publish a free portfolio in minutes.

Free online platform for converting computer files to a variety of file formats

An interactive cheatsheet of Vue, Vue Router, and Pinia. The only Vue CheatSheet you will ever need.

Reveal the Vue plugins and technology stack powering any website or explore a database of 5500+ websites.

A famous blog for many amazing HTML, CSS, JQuery designs.

Random SVG Graphic Generator

CSSPortal is home to a large range of CSS generators, tools and resources.

Create animated mockups in the browser 🔥.

Create stunning mockups using latest device frames like iPhone X & custom backgrounds that make your mobile or website design standout, right from your browser quickly & for free.

Real-time screen grabs and image sharing

Create high-resolution device mockups for social media, for free

Images and Sketch files of popular devices

Automate documentation screenshots with visual element picker and theme-aware output

Create mockups from scratch for free

beautiful design mockups service for your products (free & premium)

Instantly create mockups by adding a device frame to your videos.

Bulk generate mockups from PSD templates by automatically placing images in SmartObjects. The visual editor allows you to change SmartObject parameters and see an updated mockup preview in realtime.

The biggest source of free photo-realistic Mockups online

Create product mockups with online mockup generator! Just choose a mockup, upload your design and download your image without a watermark.

100% free mockups for all devices including IOS, Android, Windows Phone, Laptop & Desktop and TV

Instantly create browser mockups and beautiful images for marketing, blog post and more

Free online 3D mockup generator for product photos, branding, and e-commerce. No signup required

Instantly turn your screenshot into a mockup

Create a mockup from a URL

Create beautiful browser & mobile mockups in seconds

Create beautiful device mockup images for your app or website design

Create stunning product mockups (free & premium)

Generate 3D mockups right in your browser.

An Ant design based configurable Mobile UI component library based on React Native.

Magnus UI is the ultimate UI framework that helps you in building consistent user interfaces effortlessly in react native

Moti is the universal animation package for React Native

Essential cross-platform UI components for React Native & Vue Native.

Cross Platform React Native UI Toolkit that provides an all-in-one UI kit for creating apps in react native.

React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases

React Native UI (RNUI) is a UI Toolset & Components Library for React Native from Wix

Shoutem UI toolkit enables you to build professionally looking React Native apps with ease.

SnackUI is a UI Kit for React Native + react-native-web that's much faster rocket with an optimizing compiler.

Use Tailwind CSS in React Native projects.

Universal React design systems that optimize for native & web.

UI Kitten is React Native framework for creating stunning cross-platform mobile applications. Design system based, brings your product from MVP to enterprise.

A lightweight React component for creating particles

Bread n butter utility for component-tied mouse/touch gestures in React.

Copy paste the most trending components and use them in your websites without having to worry about styling and animations.

Open source design React UI library.

A comprehensive React UI components library based on the Arco Design system.

Backpack is the Lonely Planet toolset that we use to build front end apps.

Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

Base Web provides a robust suite of components out of the box

React-based UI toolkit for the web

Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications.

Extensive library of React components for Websites and UI's. Based on the Carbon Design System from IBM

Free React admin template is powered by Material-UI components framework and features a clean and fresh design following Google's Material Design specifications.

A growing collection of hand-crafted & responsive Chakra UI templates ready to drop into your React project.

Build accessible React apps & websites with speed. Openchakra

Choc UI is a set of accessible and reusable components that are commonly used in web applications.

Beautifully designied mobile responsive components built with HTML, CSS , JS and React, Typescript, Tailwind CSS, and Framer Motion. 100% open-source, and customizable.

Component Library for Developers. Open Source components you can copy and paste to your apps.

Distributes UI React components and static assets for use in building web layouts

Collection of re-usable components that you can copy and paste into your web apps. It primarily features components, blocks, and templates.

A UI Toolkit for React.js Websites and Apps