Always Updated Source: Github Table of contents are clickable
UI Graphics ...... 2 Javascript Animation Libraries ...... 23 Fonts ...... 3 Javascript Chart Libraries ...... 24 Colors ...... 5 UI Components & Kits ...... 24 Icons ...... 8 React UI ...... 27 Logos ...... 10 Vue UI ...... 29 Favicons ...... 11 Angular UI ...... 31 Icon Fonts ...... 11 Svelte UI ...... 32 Stock Photos ...... 12 React Native UI ...... 32 Stock Videos ...... 14 Design Systems & Style Guides ...... 33 Stock Music & Sound Effects ...... 15 Online Design Tools ...... 35 Vectors & Clip Art ...... 15 Downloadable Design Software ...... 37 Product & Image Mockups ...... 16 Design Inspiration ...... 38 HTML & CSS Templates ...... 17 Image Compression ...... 40 CSS Frameworks ...... 18 Chrome Extensions ...... 41 CSS Methodologies ...... 21 Others ...... 42 CSS Animations ...... 21
UI Graphics
Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components/UI
Website Description
UI Design Daily Awesome UI Components of all types
100 Daily UI Free Figma library of products, elements, and screens
Sketch App Sources Sketch UIs, wireframes, icons and much more
Humaaans Cool illustrations of people with the ability to mix and match
Paaatterns Free collection of beautiful patterns for all vector formats
thepatternlibrary Free beautiful background patterns
404 illustration Free illustrations for 404 pages
Drawkit.io Illustrations for designers and startups
Absurd.design Free surrealist illustrations for designers and developers
Undraw.co Open-source illustrations for any idea you can imagine and create
Manypixels.co Monochromatic, Isometric high-quality illustrations
Open Peeps Hand drawn illustration library
UI Space Thousands of great UI freebies
Animations.co Beautiful, customizable animated GIF icons
Uplabs High-quality design resources (Free & Premium)
InvisionApp Library of free, high-quality UI kits, icon packs, and mockups
Open Doodles A Free Set of Sketchy Illustrations
Avataaars Free sketch library of avatars illustrations by Pablo Stanley
FreebieSketch Free Sketch designs, wireframes, illustrations, and more.
Blush Free customizable illustrations with Figma Plugin
Hero Patterns A collection of repeatable SVG background patterns
IsoFlat A Free collection of Isometric SVG graphic resources
IRA Design An open-source gradient illustrations collection by creative tim.
Transparent Textures A collection of transparent textures background patterns.
Storytale.io Subset of Storytale free quality illustrations Website Description
icons8.com/illustrations Free vector illustrations to class up your project
Patternico Seamless Pattern Maker
Freellustrations Free Background Images for awesome landing Pages
Pixeltrue Illustrations Free Animated Illustrations
API to create simple yet flexible user avatars from user names or
Abstract User Avatar API emails
sketchvalley Download free PNG, SVG or AI file .
PatternPad Free and unlimited unique pattern designs.
Dimensions.com is an ongoing reference database of dimensioned
Dimensions drawings documenting the standard measurements and sizes of the everyday objects and spaces
Hand-picked resources for web designers and developers, constantly
Freebiesbug updated.
Flexiple One new high-quality, open-source illustration each day.
Cool Text is a FREE graphics generator for web pages and anywhere
Cool Text else you need an impressive logo without a lot of design work
illustration kit Premium open source illustrations added daily
Doodad Pattern Create unique, seamless, royalty-free patterns.
Generator
Pattern Monster A simple online pattern generator to create repeatable SVG patterns
Exemplar Free Avatar Library for Figma and Sketch
Fonts
Websites that offer free fonts as well as font-based tools
Website Description
Google Fonts Library of around 1000 free licensed font families
DaFont Archive of freely downloadable fonts
Personal selection of beautiful, classy, punk, professional, incomplete,
Use & Modify weird typefaces
1001 Free Fonts I think the name speaks for itself 😏😏
Font Squirrel Font Squirrel scours the internet for high quality, legitimately free fonts
A digital type foundry crafting retail fonts and custom typography for
Font Fabric various brands
A type diff tool that visually contrasts the differences between two
Tiff fonts
TypeKit Practice Learn about typography practices
Fontjoy Generate font pairing in one click
Golden Ratio Golden Ratio Typography Calculator
FontSpark Discover Better Fonts
FontGet Has a variety of fonts available to download and sorted neatly with tags
FontPair Helps you pair Google Fonts together
A designer-centered free font website that has quick customizable
Font Space previews
Abstract Fonts Fonts free for personal and commercial use
Free Typography A list of high quality fonts
Leon Sans A geometric sans-serif typeface made with code
A variable font empirically shown to significantly improve reading-
Lexend proficiency
Fonts for Apple Get the details, frameworks, and tools you need to use system fonts for
Platforms Apple platforms in your apps
SFWin San Francisco Fonts for Windows 10 and non-Apple Platform
Preview 800+ Google Fonts on top of your own designs, without having
Font Flipper to download the fonts
Fonts Arena Free curated fonts
Befonts High quality fonts for free
Arabic fonts Arabic fonts for free Website Description
FontDrop Simple and easy way to view the contents of font files
Open Foundry FREE platform for curated open-source typefaces
Upload your own SVGS and turn them into font files. Useful if you want
Glyphter a smaller library loaded
Google Webfonts Helper A Hassle-Free Way to Self-Host Google Fonts
Rough Font Awesome When RoughJS meets Font Awesome
FFonts Stylish fonts for free
Malayalam fonts for free which are maintained by Swathanthra
Malayalam Fonts Malayalam Computing(SMC)
Dev Fonts Find and use the coding fonts for free
Colors
Websites and resources that help with choices related to colors
Website Description
The original color palette generator, also supporting color blindness.
Color Brewer 2 Probably the scientifically best option. Also probably not the prettiest.
Colormind.io Color palette generator
ColorCurves.app Color palette generator that uses curves to generate color palettes
ColorGradient A free tool to create simple and complex CSS Gradients visually
Create the perfect palette or get inspired by thousands of beautiful
Coolors color schemes
Get HTML color codes, Hex color codes, RGB and HSL values with
HTML Color Codes our color picker, color chart and HTML color names
Colors & Fonts A curated library of colors, fonts and resources
Pick 2 colors you like and the tool generates thousands of palettes
Palette List for you.
Paletter Create a color palette from a single color
Google Material Color Tool Official Google Material Color Palette Tool Website Description
Material Palette Free to pick palettes, icons and colors for Material Design
ColorSpace Generate nice color palettes from one color
FlatUIColors Beautiful set of color palettes in various flavors
Adobe Color Create color palettes, extract gradients from images, etc.
Colorsinspo All-in-one resource for finding everything about colors
ColorsWall Place to store your color palettes and generate palette in one click
Happy Hues is a color palette inspiration site that acts as a real-
Happyhues world example as to how the colors could be used in your design projects by Mackenzie Child
Discover current color trends in different industries from the creative
Adobe Trends communities on Behance and Adobe Stock
A free and open platform for color inspiration with thousands of
Color Hunt trendy hand-picked color palettes
A free and open platform for gradient inspiration with thousands of
Gradient Hunt trendy hand-picked color gradients
Web Gradients A free website to find good CSS gradients
ColorBox A free website to produce color set
A free website to make custom gradient and some examples of
CSS gradient gradient
gradienta A pure css and jpg gradients
UI Gradients UI gradients color generator
Palette Generator Generate new color palette with every spacebar press
Material Palettes 1000+ Material Design palettes
Grabient Gradient Selector
ShadeSwash Quickly generate shades of any color
BrandColors The biggest collection of official brand color codes
BRAND PALETTES Logo Color Codes and Palettes
Material Design Palette Generate theme and color palette Material Design-like
Generator
Color scheme tool for designers and developers. This will help you
Colorate draw inspiration and serve as a resource for your color work. Website Description
A color tool that makes it easy to lighten and darken colors. It’s
0to255 perfect for hover states, borders, gradients, and more.
Color Blender A tool that shows the midpoint colors between two colors
Gradient Buttons Ready to use copy/paste gradient buttons
Khroma uses AI to learn which colors you like and creates limitless
Khroma palettes for you to discover, search, and save.
A tool that brings attention and understanding to how color contrast whocanuse can affect different people with visual impairments.
Colorable Color combination contrast tester
Color Hex Picker Tool to get hex code along with name of the color.
Saruwakakun The stunning color scheme for website & App Designs with previews
Paletton.com is a designer color tool designed for creating color
Paletton combinations that work together well.
Colorzilla A powerful online Photoshop-like CSS gradient editor
Image Color Picker Image color picker and palette generator
CombineCOLORS Color mixing tool
It will show the color schemes which are popular in the outside
Color Lovers world.
Free online Color (USA) or Colour (British) tools: information,
HTML CSS Color gradient generator, color wheels etc.
It gets HTML color codes, Hex color codes, RGB and HSL values with
HEX Color Codes our color picker, color chart and HTML color names.
A free tool that shows different gradient examples in CSS and PNG
CoolHue 2.0 format
Interesting color palettes generated by a Twitter bot, there are hex
Colors.lol codes and descriptive names for each color.
Super-fast and simple color palette generator, palettes can be saved colors.dopely and shared in seconds.
A collection of UI Colors with hex codes available to be copied in just
UIColor Picker one click.
Color-hex gives information about colors including color models
Color Hex (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color. Website Description
FarbVelo A random color palette generator
Browse color palettes made by other designers, generate and submit
Veranda Color your own
Duo is a collection of colour combinations that I’ve curated from
Duo personal projects or that I’ve come across on the web.
Icons
Resources for Icons including png, svg and more
Website Description
UXWing Well Optimized, Free icons for commercial use
Shapedfonts Iconclub 8000+ free icons
Feather Icons Beautiful, customizable open source icons
Tabler Icons 470+ highly customizable open source SVG icons
SVG Vue/React components integrated from fluentui-system-icons,
Xicons ionicons, etc. (Vue3, Vue2, React, SVG).
Iconoir Free library of 900+ open source icons
Simple Icons 1307 Free SVG icons for popular brands
Linear Icons 1000+ Ultra crisp vector icons
Icons8 Free icons, photos, vectors and tools
The largest database of free icons in PNG, SVG, EPS, PSD and BASE 64
Flat Icon formats
The Noun Project Over 2 Million curated icons, created by a global community
Iconscout Free Download Icons illustrations stock photos at one place
IconSear.ch Search engine with over 50,000 SVG icons indexed
Nucleo is a beautiful library of 27500 icons, and a powerful application to
Nucleo App collect, customize and export all your icons. (Free & Paid)
Icon-icons.com Free Icons PNG, ICO, ICNS and Vector file SVG
Bootstrap Icons Free Icons built for Bootstrap but they'll work in any project
Remix Icon Simply Delightful Icon System
Iconmonstr Discover 4496+ free icons in 313 collections Website Description
Vivid.js Ready to use Free and Open Source SVG Icons Pack JavaScript Library.
Iconfinder Free and premium vector icons in SVG, PNG, CSH and AI format
Lordicon 50 free animated interactive icons
UseAnimations Free Animated Icons in SVG and Json Format(for lottie)
700+ Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, css.gg styled-components, NPM & API
IconBros 7843+ free icons grouped in 182 collections
An icon collection allowing designers and developers targeting various
Material Design Icons platforms to download icons in the format, color and size they need for any project.
Heroicons Free, open source icons from the creators of Tailwind CSS.
Zondicons A set of free premium SVG icons for you to use on your digital products.
A website offering a number of free icons. Icons are tagged and also
Endless Icons compressed into kits.
Browse 5500+ Free Icons. Add any set you wish to easily browse and
Icomoon search its icons.
Eva Icons is a pack of more than 480 beautifully crafted Open Source
Eva Icons icons for common actions and items.
Cryptoicons A set of 430 crypto and fiat currency icons. Completely free.
Ikonate Fully customizable & accessible vector icons
Quickly generate app icons in different sizes for your IOS, macOS and appicon Android projects
LineIcons 2000+ Essential Line Icons for Designers and Developers
Evericons is a big pack of over 460 free icons designed by Aleksey
Evericons Popov.
SVG Repo Download free SVG Vectors for commercial use.
Convert PNG files to SVG online & free. (One of the services provided by
Convertio it.)
CSS ICON Icon set made with pure css code, no dependencies, "grab and go" icons
Thousands of icons, one unified framework. One library, over 40,000
Unified icons vector icons.
System UIcons 220+ icons in a growing collection. Website Description
Transform an SVG icon into multiple themes, and generate React icons，
IconPark Vue icons，svg icons
A crisp set of 15×15 icons designed by the Modulz team. All icons
Radix Icons available as individual react component,SVG and more.
EOS Icons A pixel-perfect, open source iconic font available as ligature and SVG.
Beautifully crafted open source icons for use in web, iOS, Android, and
Ionicons desktop apps.
Phosphor Icons Phosphor is a flexible icon family for interfaces, diagrams, presentations
Teeny Icons TeenyIcons is a set icons in SVG format easy to use in html
Lucide Lucide is an open-source icon library, a fork of Feather Icons.
Icones Icon Explorer with Instant searching, powered by Iconify.
Shitty Icons Collection of Free icons.
Iconspedia is a website that contains a large collection of high quality
Iconspedia free icons.
iconhub Just practical stunning icons for everyone
Logos Resources for Logos
Website Description
Instant Logo Search Thousands of free brands logos ( SVG - PNG )
LogoSear.ch Search engine with over 200,000 SVG logos indexed
SVGPorn 1000+ high-quality SVG logos
Payment System Logos Logos for payment systems available in png and svg
Browser Logos High resolution web browser logos
LogoHub Generate and download your logo for free in PNG and SVG format
VectorLogoZone Consistently formatted SVG logos
World Vector Logo Download vector logos of brands you love
Logo Maker Create custom logos Website Description
Free Logo Maker Fast, All-in-One Logo Generator
Favicons Resources for Favicons
Website Description
Generate a favicon from text, from an image, or from an emoji. Download
Favicon.io in .ico and .png formats
Generate favicons of all the sizes and formats as well as the HTML code
Favicomatic needed to support every possible browser or device
Favicon Generator Generate favicon ico files for your website
RealFaviconGenerator Generate icons for all platforms (Windows, iOS, Android)
FontIcon Generate favicons and images from Font Awesome icons
Icon Fonts Resources for Icon Fonts
Website Description
Font Awesome The web's most popular icon set and toolkit
Line Awesome Swap in replacement of Font Awesome with modern line icons
Material Icons Material design icon library
IonIcons Beautifully crafted open source icons from Ionic team
Zurb Foundation Icons Customizable Foundation icons
Fontisto Icons Fontisto the iconic font and css toolkit · 616+ free icons
Boxicons Boxicons is a free collection of carefully crafted open source icons
Icofont 2100+ free icons to spice up your creative designs
Material Palette Free to pick palettes, icons and colors for Material Design] Website Description
Material Design Iconic Material design icon font
Font
Vscode Codicons The icon font from Visual Studio Code
Devicon is a set of icons representing programming languages,
Devicon designing & development tools
A sleek web font for payment operators and methods. Featuring 116
PaymentFont icons
Weather Icons Weather Icons is the only icon font with 222 weather themed icons
Stroke 7 202 thin stroke icons inspired by iOS 7
Jam Icons 890+ handcrafted icons to make your web app awesome
200+ web icons where you can customize the names or codes of
Fontello icons.
Linea Linea: Featuring 750+ Free Icons
A set of 1100+ Free line style icons available as web font, SVG icons,
Unicons and as components for JS frameworks like React, Vue and React Native.
A free, open source set of 150 elegant, pixel-perfect linear icons,
Mobirise Icons available as web icon font and SVG icons.
Hero Icons Free Open Source Svg Icon Library
Stock Photos Websites that offer free stock photos of all kinds for your websites and apps
Website Description
Pexels Free stock photos shared by talented creators
Unsplash The internet’s source of freely usable images
Pixabay Over 1.7 million+ high-quality stock images and videos
Magdeleine Gallery & free high-resolution photo everyday
Picspree Royalty free images, stock photos, illustrations, and vectors
Burst Free stock photos collections Website Description
Gratisography Free collection of free high-resolution pictures
Life of Pix Free high-resolution photography
Stock Snap Hundreds of high quality photos added weekly
Morguefile Over 350,000 free stock photos for commercial use
Kaboom Pics Stock photography and color palettes. Good for product images
New Old Stock Stock vintage photos
Pic Jumbo Good collections of different types of photos
Public Domain Pictures Public domain images of all types
Find A Photo Searches multiple stock photo websites
Stockvault Categorized stock photos
A free image placeholder service for the web. You can specify
Placeholder image size and format
Realistic Shots Free high-resolution stock photos
Negative Space High-Resolution Free Stock Photos
SkitterPhoto Free high-resolution photography
PicoGraphy Gorgeous, High-Resolution, Free Photos
Wunder Stock Stunningly amazing free photos
PxHere Free Images & Free stock photos - PxHere
Piqsels Royalty Free Stock Photos
FoodiesFeed Food photo stock
A website offering Beautiful, high-res photos of black and brown
Nappy people.
Generated Photos Unique AI Generated model photos
Reshot Uniquely free photos. Handpicked, non-stocky images.
Find and download free stock photos - all free for personal and
Free Images commercial use
An easy to use API to get beautiful placeholder images. Size and
Lorem Picsum other parameters can be specified.
scienceimage An image library specializing in science and nature images Website Description
Free images to provide scientists, resource managers, Integration & Application government agencies, community groups and graphics
Network Image Library professionals with a resource for enhancing science communication.
Saxifraga Free nature images
Creative Commons Search for free images to reuse.
AllTheFreeStock a curated list of free stock images, audio and videos.
Stock Videos Websites that offer free stock videos of all kinds for your websites and apps
Website Description
Pexels Largest library of free to use videos, donated by the community
Large library of free to use videos, donated by the community similar to
Pixabay Pexels
Coverr.co Beautiful free stock video footage
Videezy Free HD stock footage & 4K videos
Mix Kit Stock video clips & music
Life Of Vids Free video clips and loops
Videvo Free and premium stock videos
Loopvidz Free To Use Cinema graphs Created With VIMAGE App
SplitShire Beautiful & exclusive free stock videos & photos
Stock Music & Sound Effects Websites that offer free stock music and/or sound effects
Website Description
Free Stock Music Royalty free stock music for YouTube videos, podcasts, etc
Bensound Download Royalty Free Music for free and use it in your project
Mixkit Free music for your projects
Freesound Free stock music and sounds
Collaborative database of creative-commons licensed sound for
Free Music Archive musicians and sound lovers
Musopen An online copyright free classical music library
Free Premium Music for Your Projects 🎁🎁 Royalty Free. Cleared for Unminus YouTube.
Vectors & Clip Art Free vectors, clipart, illustrations, patterns and more
Website Description
Vecteezy Find and download free vector art
Freepik Free vectors, stock photos, PSD and icons
Free Vectors Community of vector lovers who share free vector graphics
PNGTree png, backgrounds, templates, text effects
Vector4Free Free vector graphics
Retro Vectors Vintage vectors and graphics
Freeble Vectors, patterns, mockups and more
Lukaszadam Free Vector artworks
Illlustrations Beautiful 100 Illustrations - png, svg
Choose great clipart, png, coloring pages, drawings and more for your
Clipart projects from the free collection!
Growwwkit A set of 8 simple, black & white, stylish illustrations
illustrations Website Description
trianglify.io Generate low-poly backgrounds, textures, and vectors
blob Generate Blob shapes for Web and Flutter apps
A community for designers to share & download transparent background
HiClipart PNG cliparts
Stories by Freepik A collection of free and customizable illustrations for projects
Black Illustrations Beautiful illustrations of black people (free and premium)
Delesign A collection of free illustrations and more
Free tool to make it easier for designers and developers to export a
Custom Shape Dividers beautiful SVG shape divider
3000 free medical images to illustrate your publications and PowerPoint
Servier Medical Art presentations
Clker Free clip art you can use for anything you like
SVG wave A free, & customizable gradient 🌈🌈 SVG wave generator for UI designs .
Heritage Library Vintage Illustrations (vector and png)
ROBOHASH Generate unique images from any text
Create and customize minimally generated patterns/artwork to use for
Tabbied background images, print and other projects.
Haikei An awesome multishape web app.
Product & Image Mockups Create mockups of devices and other products
Website Description
Smart Mockups Create stunning product mockups (free & premium)
Media Modifier beautiful design mockups service for your products (free & premium)
Shot Snap Create beautiful device mockup images for your app or website design
Screely Instantly turn your screenshot into a mockup
Screenshot.rocks Create beautiful browser & mobile mockups in seconds
Screen Peak Create a mockup from a URL Website Description
Mockup World The biggest source of free photo-realistic Mockups online
Collab Shot Real-time screen grabs and image sharing
Facebook Devices Images and Sketch files of popular devices
Threed.io Generate 3D mockups right in your browser.
100% free mockups for all devices including IOS, Android, Windows
Mockuphone Phone, Laptop & Desktop and TV
Device Shots Create high-resolution device mockups for social media, for free
Create stunning mockups using latest device frames like iPhone X &
Clean Mock custom backgrounds that make your mobile or website design standout, right from your browser quickly & for free.
Mock.Video Instantly create mockups by adding a device frame to your videos.
Create product mockups with online mockup generator! Just choose a
MockupBro mockup, upload your design and download your image without a watermark.
Animockup Create animated mockups in the browser 🔥🔥.
HTML & CSS Templates Websites that offer free beautiful website templates and themes of all types
Website Description
HTML5Up Very modern, unique responsive HTML5/CSS3 themes
Templatemo Minimal, resume, gallery themes and more
Templated.co Tons of minimalistic HTML5/CSS3 themes
FreeHTML5 Free & premium HTML5 and Bootstrap themes
StyleShout Brilliantly crafted free website templates
Start Bootstrap Bootstrap starter themes
Zerotheme HTML5, Bootstrap, Prestashop templates
HTML5xCSS3 Collection of wonderful templates in different categories
Colorlib Almost any category of theme you can think of
Free CSS Huge collection of free templates Website Description
Hubspot Templates, infographics, banners and much more
Mobirise Great looking HTML5/CSS3 templates
Bootswatch Free themes for Bootstrap
Onepagelove One-page websites, templates and resources
Themes For App Free Bootstrap themes and landing pages
BootstrapTaste Premium & Free Bootstrap Templates
BootstrapMade Elegant, clean and beautiful free templates using Bootstrap.
W3Layouts W3Layouts: 3784+ Free Website Templates for 2020
Tooplate Tooplate: Free HTML Templates for everyone!
Fully coded HTML templates to help you easily build your startup landing
Cruip page without hassles.
UIdeck Free Landing Page Templates and Bootstrap Themes
Splawr Free web templates to kickstart your idea!
W3css_templates Some responsive W3.CSS website templates for you to use.
All-Free-Download Download free-website-templates
mashup-template HTML5/CSS3 Free Templates
CSS Frameworks CSS/UI frameworks to help build great looking websites and applications
Website Description
Tailwind CSS Low level, utility-first framework
Popular UI framework with tons of components that use both CSS and
Bootstrap JS
Materialize A modern responsive front-end framework based on Material Design
Material Design Lite Light framework based on Material Design. No JS dependency
Bulma Modern CSS framework with no JS
Skeleton Extremely light framework for basic UI elements Website Description
Empowers designers and developers by creating a shared vocabulary for
Semantic UI UI
Fomantic UI A community fork of Semantic-UI
Foundation Mobile first framework with clean markup
Pure CSS A set of small, responsive CSS modules
UIKit Lightweight and modular front-end framework
Susy Lightweight, grid-layout engine for Sass
Milligram.io Minimalist CSS framework
Vanilla Framework Simple, extensible CSS framework written in Sass
Spectre CSS Lightweight, modern CSS framework
Picnic CSS Lightweight and beautiful library
Wing A beautiful CSS framework designed for minimalists
Chota A micro (~3kb) CSS framework
A lightweight layout library for building great responsive mobile first UIs
Blueprint CSS that work everywhere
A modern CSS framework with support for desktop, tablet, and mobile
W3.CSS design by default. Designed to be independent of jQuery or any other JavaScript library
98.css A design system for building faithful recreations of old UIs
NES CSS NES-style CSS Framework
Shoelace.css Lightweight, forward-thinking CSS library built with future CSS syntax
A minimalist stylesheet for HTML elements. No class names, no
MVP.css frameworks, just semantic HTML and you're done
Open source modular CSS toolkit providing great structure for building
Blaze.css websites quickly
Turret CSS is a styles framework for development of responsive
Turret CSS websites.
Cutestrap A strong, independent CSS Framework.
Shorthand is a free and open source css framework, that allows you to
Shorthand make unique and modern design without writing any css
XP.css is an extension of 98.css. A CSS library for building interfaces
XP.css that look like old UIs. Website Description
Framework7 - is a free and open source framework to develop mobile,
Framework7 desktop or web apps with native look and feel.
Hint.css A pure CSS tooltip library for your lovely websites.
imagehover.io Pure CSS Image Hover Effect Library
mini.css A minimal, responsive, style-agnostic CSS framework
Create fast loading, highly readable, and 100% responsive interfaces with
Tachyons as little css as possible.
Material Bootstrap Material Design with Bootstrap
A modern CSS framework for developing powerful web interfaces faster
Ivory and easier
A responsive and lightweight framework, designed for quickly building
Halfmoon UI beautiful dashboards and product pages.
Create your site quickly and effectively with Metro 4. impressive
Metro 4 components library built on html, css, javascript.
css-doodle A web component for drawing patterns with CSS
latex.css Make your website look like a LaTeX document
Paper CSS Front-end printing solution
Windi CSS Next generation compiler for Tailwind CSS
A component and utility centric SCSS framework designed for rapid
Cirrus CSS prototyping.
Gutenberg Modern framework to print the web correctly.
lit World's smallest responsive fire css framework (395 bytes).
Arwes is a web framework to build user interfaces based on futuristic
Arwes science fiction designs, animations, and sound effects.
Bojler is an email framework for developing responsive and lightweight
Bojler email templates that will render correctly across each of the most popular email clients.
Tacit Primitive CSS Framework for dummies, without classes.
Terminal CSS A modern and minimal CSS framework for terminal lovers.
Sakura A minimal classless css framework / theme.
PSone PS1 style CSS Framework, inspired by NES.css. Website Description
Marx is the classless CSS reset to be used in any projects (namely small
Marx ones).
Tufte Style your webpage like Edward Tufte’s handouts.
Axentix is an open source Framework based on CSS Grid using HTML,
Axentix CSS and JS.
CSS Methodologies CSS methodologies to help write modular, reusable and scalable code
Website Description
OOCSS concepts help us write components that are flexible, modular and
OOCSS interchangeable.
Atomic CSS is the approach to CSS architecture that favors small, single-
Atomic CSS purpose classes with names based on visual function.
Block Element Modifier is a methodology that helps you to create
BEM reusable components and code sharing in front-end development.
SMACSS is a way to examine your design process and as a way to fit
SMACSS those rigid frameworks into a flexible thought process.
CSS Animations CSS animations to build awesome animations for websites and applications
Website Description
Animate.css Just-add-water CSS animations
Bounce.js is a tool and JS library that lets you create beautiful CSS3
Bounce.js powered animations
Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with
Anime.js a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects
Animations has been one of the most impressive animation libraries
Magic Animations available Website Description
Zdog Round, flat, designer-friendly pseudo-3D engine for canvas & SVG
CSShake delivers exactly what it says on the box — a CSS library
CSShake designed specifically for shaking elements within your web page
Hover.css is a CSS animation library designed for use with buttons and
Hover.css other UI elements in your website
AniJS is an animation library that allows you to add animations to
AniJS elements in a simple ‘sentence-like’ structure
Animista CSS Animations On Demand
Tachyons itself is an atomic CSS library with a ton of utility classes for
Tachyons-animate essentially designing anything by adding classes to what you need
Sequence.js is a JavaScript library that provides a responsive CSS
Sequence.js framework for creating unique sliders, presentations, banners, and other step-based applications
These animations, like rotations and pulses, that are specifically
Infinite designed to run and repeat forever
OBNOXIOUS.CSS Animations for the strong of heart, and weak of mind
MOTION UI A Sass library for creating flexible CSS transitions and animations
A graphical user interface for generating custom CSS keyframe
Keyframes.app animations
thoughtbot CSS Transitions and Transformations for Beginners
A useful tool to animate stroke and fill properties in SVG images with
SVG Artista plain CSS code
AnimXYZ helps you create, customize, and compose animations for your
AnimXYZ website. Built for Vue, React, SCSS, and CSS
Whirl CSS loading animations with minimal effort!
Hamburgers is a collection of tasty CSS-animated hamburger icons. Also
Hamburgers included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.
Javascript Animation Libraries javascript animations libraries to build awesome animations for websites and applications
Website Description
A JavaScript library for building high-performance animations that work
Greensock in every major browser
Velocity is a lightweight animation engine with the same API as jQuery's
Velocity.js $.animate()
Simple & light weight vanilla javascript plugin to create smooth &
lax.js beautiful animations when you scroll!
Rellax.js A buttery smooth, super lightweight, vanilla javascript parallax library
three.js An easy to use, lightweight, 3D library with a default WebGL renderer.
wow.js Reveal Animations When You Scroll.
chocolat.js Free lightbox plugin.
Animate On Scroll Animate on scroll library to reveal animations when You scroll.
A tiny requestAnimationFrame powered 60+fps lightweight parallax
Tilt.js hover tilt effect for jQuery.
Rough Notation is a small JavaScript library to create and animate
Roughnotation annotations on a web page
A lightweight library for creating particles, an improved version of the
tsParticles abandoned and obsolete particles.js
Particles.js A lightweight JavaScript library for creating particles
mo.js The motion graphics toolbelt for the web
Lightbox2 A small JS library to overlay images on top of the current page.
Slick Fully responsive carousel
barba.js Create fluid and smooth transitions between your website’s pages.
A simple scroll library that provides detection of elements in viewport &
Locomotive Scroll smooth scrolling with parallax.
Owl carousel Free responsive jQuery carousel
Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS
Swiperjs and all modern frameworks like React, Vue, Angular etc.
Splide Free, pure JS library for carousels and sliders
Simple Parallax The easiest way to get a parallax effect with javascript Website Description
KUTE.js KUTE.js is a JavaScript animation engine for modern browsers.
Create fluid and interactive gradient animations with this small javascript
Granim.js library.
Popmotion Simple animation libraries for delightful user interfaces.
Vivus is a lightweight JavaScript class (with no dependencies) that
Vivus allows you to animate SVGs, giving them the appearence of being drawn.
Typed.js A JavaScript Typing Animation Library.
Progress Bar.js Responsive and slick progress bars with animated SVG paths.
Javascript Chart Libraries Libraries that help developers visualize data into charts
Website Description
ChartJS Simple yet flexible JavaScript charting for designers & developers
FrappeJS Includes Green squares grid like in github, and other charts to use.
G2Plot is an interactive and responsive charting library based on the
G2Plot grammar of graphics.
Get the experience from google to create similar charts that google
Google Charts use.
Data Driven Documents bind complicated and massive data to interactive graphs.
(D3)
UI Components & Kits Not quite "frameworks", but tools for creating user interfaces with components or UI kits
Website Description
Provides a huge library of reuseable UI Components for React,
Bit Angular, Vue, React Native. Also can be used for sharing UI Components among other team members
UILang A minimal, UI-focused programming language for web designers Website Description
Medialoot CSS Components Calendars, price grids and other UI components
Over 170 responsive design blocks ready to be used in your web
Froala Design Blocks or mobile apps
daisyUI Tailwind CSS Components
An open-source project that provides a collection of ready-to-use
Mui Treasury components based on Material-UI.
Material Design For Bootstrap Open source toolkit for building material design with Bootstrap
Photonkit Desktop UI library for Electron
Flat UI Minimal free user interface kit
Shards A free and modern UI toolkit for web makers based on Bootstrap
All types of UI libraries and kits including JS frameworks like
Creative Tim React
Brumm Shadow Maker An online tool to make css shadows
AdminLTE Best open source admin dashboard & control panel theme
SpinKit Simple CSS Spinners
Epic Spinners CSS spinners collection with Vue.js integration.
Online service provider for creating simple animations, spinners,
Loading.io progress bar and more
Moving Letters Animated Text with JavaScript and anime.js
CSS Layout A collection of popular web layouts and patterns in pure CSS
An open-source project that allow users to quickly create dynamic
CSS Grid Generator layout based on CSS Grid.
Kick-start your web projects with CodyHouse's front-end
Codyhouse framework and library of accessible HTML, CSS, JavaScript components
Tailwind Starter Kit a beautiful extension for TailwindCSS, Free
Tailwind Starter Kit and Open Source
Open source starter templates and components, a plugins
Tailwindtoolbox directory and useful tools/utilities to kick start your Tailwind CSS project.
tailwindcomponents A free repository for community components using TailwindCSS
sweetalert SweetAlert makes popup messages easy and pretty. Website Description
A beautiful, responsive, customizable, accessible replacement for sweetalert2 javascript's popup boxes
tailblocks Open source ready-to-use Tailwind CSS components.
A set of framework-agnostic web components based on
Soft Components neumorphic design.
An interface system that can be used with modern Web
Fast Frameworks such as React, Vue and Angular.
Interactive animations in many formats like json,gif and mp4,
LottieFiles libraries and plugins for Web & Mobile .
Components created using Tailwind CSS utilities class, so it can
Tailwindow be customized to make themes easily.
A set of accessible and reusable prebuilt Tailwind components
Kutty that are commonly used in web applications.
A free collection of Tailwindcss Templates - tailwind components
Tailwind Templates for rapid UI development.
Stitches An HTML template generator using functional css.
Beautiful Tailwindcss components that support RTL languages &
Meraki UI Components fully responsive based on Flexbox & CSS Grid.
Daemonite's Material UI is a cross-platform and fully responsive Daemonites Material Design front-end interface based on Google Material Design developed
For Bootstrap using Bootstrap 4
CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a
Stitches best-in-class developer experience.
Completely unstyled, fully accessible UI components, designed to
Headless UI integrate beautifully with Tailwind CSS.
Styled components Build beautifully UI Components, for your applications & websites.
React UI UI and component libraries for the React JavaScript framework
Website Description
React components for faster and easier web development, based on
Material UI Material Design
Chakra UI Build accessible React apps & websites with speed. Openchakra
Bootstrap rebuilt for React. Include Bootstrap components right in your
React Bootstrap JavaScript
ui-playbook The documented collection of UI components
ReactStrap Another Bootstrap UI library for React
A frontend Framework for building admin applications. Supports API's
React Admin out of the box
BlueprintJS React-based UI toolkit for the web
React Semantic UI UI components based off of the Semantic UI framework
React UI kit featuring a modern design system with dozens of custom
Shards React components
React Virtualized UI set for data. Includes tables, lists, sorting, etc.
React Toolbox Material design UI library for React
Distributes UI React components and static assets for use in building
Elastic UI web layouts
Desktop styled components in React. Includes MacOS and Windows
React Desktop based components
Build consistent, themeable React apps based on constraint-based
Theme UI design principles
Distributes Components for hybrid mobile apps with React and Onsen
Onsen React UI
Evergreen Design system for React
Rebass React primitive UI components built with styled system
Grommet mobile first UI component library
Rimble React design kit, library and guides
Landing Page Template Open source landing page template for react
Elemental UI A UI Toolkit for React.js Websites and Apps Website Description
Ant Design Open source design React UI library.
Bumbag is a friendly React UI Kit suitable for MVPs or large-scale
Bumbag applications.
The ultimate collection of design-agnostic, flexible and accessible
PRIMEREACT React UI Components
Primer Components are React components which implement GitHub's
Primer Components Primer Design System
Orbit Design system and React UI components for travel projects.
Base Web Base Web provides a robust suite of components out of the box
Backpack is the Lonely Planet toolset that we use to build front end
Backpack UI apps.
Reaviz Data visualization library for React based on D3
A suite of React components, sensible UI design, and a friendly
React Suite development experience.
React Spring Spring-physics based animation library for React applications.
Recharts A composable charting library built on React components.
Vercel UI Modern and minimalist React UI library
Framer Motion A React library to power production-ready animations.
React Spectrum A React implementation of Spectrum, Adobe’s design system.
React tsParticles A lightweight React component for creating particles
particles-bg A React particles animation background component
Gallery of free and modern React templates and UI components
Treact developed using TailwindCSS as the front-end framework
a free React admin dashboard template based on Gatsby with oah-ui
OAH-Admin components and elements package.
Free React admin template is powered by Material-UI components Carolina Admin framework and features a clean and fresh design following Google's
Dashboard Material Design specifications.
Tabler is a free React admin dashboard template ideal for any kind of
Tabler back-end web application.
React components for easier customization and smooth development
Sha-el-design flow.
React-WeUI React-WeUI made from our love of React and WeChat's WeUI Design. Website Description
An open-source UI component library inspired by Tailwind and
Supabase UI AntDesign.
Ring UI A collection of JetBrains Web UI components.
React95 Refreshed Windows 95 style UI components for your React app.
Reakit is a lower level component library for building accessible high
Reakit level UI libraries, design systems and applications with React.
Zent A collection of essential UI components written with React.
A set of React UI components that supports Pinterest’s design
Gestalt language.
A CSS-in-JS framework built for React with props based utilities like
xstyled display, fontSize or rotate.
Bread n butter utility for component-tied mouse/touch gestures in
@use-gesture React.
React Rainbow is a collection of components that will reliably help you
React Rainbow build your application in a snap.
Choc UI is a set of accessible and reusable components that are
Choc UI commonly used in web applications.
A React Component library for buliding modern applications easily &
Elementz quickly.
Vue UI UI and component libraries for the Vue JavaScript framework
Website Description
Vuetify Material design component framework
Bootstrap Vue Use Bootstrap components with Vue
Buefy Lightweight UI components based on Bulma
Semantic UI Vue Semantic UI Vue is the Vue integration for Semantic UI
VEUI VEUI is an enterprise UI component library, based on Vue.js.
Grace Design System For Vue Applications. Website Description
High-performance Material Design component suite with builders for
Quasar SPA, SSR, PWA, Mobile (Cordova & Capacitor), Desktop (Electron) and Browser extensions
Element Desktop UI library for Vue
Fish UI Vue UI toolkit for the web
Keen UI VueUI library with a simple API, inspired by Google's Material Design
Onsen Vue Distributes Components for hybrid mobile apps with Vue and Onsen UI
Vuejsexamples A nice collection of useful vuejs UI components
Inkline is a modern UI/UX Framework for Vue.js designed for creating
Inkline flawless responsive web applications
Vuesax Unique and reusable UI components
Antdv UI library for Vue based on Ant Design
A high-quality & free Vue UI kit featuring a modern design system with
Shards Vue dozens of custom components
Powerful yet simple to use, versatile, performant Vue UI Component
Prime Vue Library to help you build stunning user interfaces.
Chakra UI is a simple modular and accessible component library that
Chakra UI Vue gives you the building blocks to build Vue applications with speed.
Dozens of useful and beautiful Vue components made for people with all
View UI skill levels with extensive documentation.
Particles.vue A lightweight Vue 2.x component for creating particles
Particles.vue3 A lightweight Vue 3.x component for creating particles
A library of high-quality ready to use components that will help you speed
TC Components up your development workflow.
Vant Lightweight Mobile UI Components built on Vue.
Open-source Vue 3 components system for your next project based on
Equal UI TypeScript
Mint UI Mobile UI elements for Vue.js
Cube UI A fantastic mobile ui lib implement by Vue.js
Muse UI Based on the Vue 2.0 elegant Material Design UI component library
AT-UI is a modular front-end UI framework for developing fast and
AT-UI powerful web interfaces based on Vue.js. Website Description
A consistent and responsive Vue UI library, based on the front-end
Vuikit framework UIkit.
Wave UI A Vue.js UI framework with only the bright side.
Set of Lightview and fully customizable Vue Components optimized for
VueTailwind TailwindCSS.
Oruga is a lightweight library of UI components for Vue.js without CSS
Oruga framework dependency.
BalmUI is a modular and customizable Material Design UI library for
BalmUI Vue.js.
A rich interaction, lightweight, high performance UI library based on
Weex UI Weex.
Varlet is a Material design mobile component library developed based on
Varlet Vue3, developed and maintained by partners in the community.
A Vue 3 Component Library. Fairly Complete. Customizable Themes.
Naive UI Uses TypeScript. Not too Slow.
Vuestic Free and Open Source UI Library for Vue 3 🤘🤘.
Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal
Vue Final Modal component for Vue.js.
Angular UI UI and component libraries for the Angular JavaScript framework
Website Description
Material Angular UI library for Angular based on Material design
NG Bootstrap UI library for Angular based on the Bootstrap framework
PrimeNG Powerful UI component library for Angular
Onsen Angular Hybrid mobile and PWA UI library for Angular and Onsen UI
NG Lightning Native Angular components & directives for Lightning Design System
NG Semantic UI library for Angular based on Semantic UI
Nebular Customizable UI Kit, Auth & Security for Angular
Alyle UI Minimal components set for Angular Website Description
NGX Bootstrap Another UI library for Angular based on the Bootstrap framework
NG Zorro UI library for Angular based on Ant Design
Pagination for npm library for pagination
datatables
Multi select dropdown For multi select drop-dowm in forms
NG Particles A lightweight Angular component for creating particles
Covalent UI Angular UI Platform focused on solving common enterprise needs
NGX Foundation UI framework based on the veteran CSS framework foundation
Clarity CSS based Angular UI framework developed by VMware group
Taiga UI is fully-treeshakable Angular UI Kit consisting of multiple base
Taiga UI libraries and several add-ons.
Svelte UI UI and component libraries for the Svelte Javascript compiler
Website Description
Svelte Material UI UI library for Svelte based on Material Design
SvelteStrap UI library for Svelte based on the Bootstrap framework
Svelte Flat UI UI library for Svelte based on Flat Design
Svelte Particles A lightweight Svelte component for creating particles
React Native UI UI and component libraries for the React Native Framework
Website Description
Magnus UI is the ultimate UI framework that helps you in building
Magnus UI consistent user interfaces effortlessly in react native
React Native UI (RNUI) is a UI Toolset & Components Library for React
React Native UI Lib Native from Wix Website Description
React Native Paper is a high-quality, standard-compliant Material Design
React Native Paper library that has you covered in all major use-cases
UI Kitten is React Native framework for creating stunning cross-platform
UI Kitten mobile applications. Design system based, brings your product from MVP to enterprise.
Cross Platform React Native UI Toolkit that provides an all-in-one UI kit
React Native Elements for creating apps in react native.
NativeBase Essential cross-platform UI components for React Native & Vue Native.
Shoutem UI toolkit enables you to build professionally looking React
Shoutem UI Native apps with ease.
tailwind-rn Use Tailwind CSS in React Native projects.
An Ant design based configurable Mobile UI component library based on
Ant Design Mobile RN React Native.
SnackUI is a UI Kit for React Native + react-native-web that's much faster
SnackUI rocket with an optimizing compiler.
Moti Moti is the universal animation package for React Native
Design Systems & Style Guides Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites
Website Description
Material Design Google's Material Design
Ant Design Design system for enterprise-level products
Apple Design Resources Guides and templates for using Apple design and UI
Primer Design, build, and create with GitHub’s design system
Alta UI Oracle's design system and toolkit
Pulse Design system, guides and React component library
Bolt Robust Twig and web component powered UI components
Clarity Design System UX guidelines, HTML/CSS framework, and Angular components Website Description
Atlassian's official UI library, built according to the Atlassian Design
AtlasKit Guidelines
Audi Design Resources Audi UI design system and toolkit
Carbon is IBM’s open-source design system for products and
Carbon Design Systems experiences
Yelp Style Guide Yelp style guide, components and toolkit
Scalable design system of visual language, components, and design
Comet assets
ETrade Design System Guides and toolkits that blend finance with simplicity and ease of use
Open source and community driven project for consistent user
Fundamental Library interfaces
Guidelines and resources to create meaningful experiences for Infor’s
Infor Design products
Lexicon An experience language for crafting beautiful UI
Mailchimp UI/UX Style guide and components from Mailchimp
Marvel Style Guide Set of design principles and components
Microsoft Fluent UI Collection of UX frameworks from Microsoft
Pluralsight Design Design guide with components for designing with Pluralsight
System
Design system that creates great experiences for all of Shopify’s
Polaris merchants
Mozilla Protocol Protocol is a design system for Mozilla and Firefox websites
SendGrid Style Guide UI library for developing consistent UI/UX at SendGrid
Reusable patterns, components and assets related to product design in
VTEX Styleguide VTEX
Rizzo Style guide with UI components, JS components, widgets, etc
UI framework that helps developers collaborate with designers and
Atomize build consistent user interfaces effortlessly
StyleGuides.io A directory of 500+ styleguides
Done Design System Open source design system, guides & components
Skoda Brand System Design guideline for developing applications under the Skoda brand Website Description
Adobe’s design system that provides components and tools to help
Spectrum product teams work more efficiently, and to make Adobe’s applications more cohesive.
Gojek’s design language system. A collection of guidelines and
Asphalt components to create amazing user experiences.
A collection of the key maxims that designers must consider when
Laws of UX building user interfaces.
Checklist Design is a curated list of checklists ranging from website
Checklist Design pages, to UI components, all the way to branding assets.
A resource that provides guidance for designing ethically humane
Humane By Design digital products through patterns focused on user well-being.
An open source set of very general guidelines, inspired by Human
Pr1mer Guidelines Interface. Created and maintained by Pr1mer Tech
Online Design Tools All kinds of online tools for design, from photo editors to wireframing, and more
Website Description
Figma Online graphic design tool (Free & paid options)
Vectr Free vector graphics software
Create social media banner designs in minutes from hundreds of
Taler customizable templates
Canva Create beautiful designs (Free & Paid)
Get Waves A free SVG wave generator to make unique SVG waves for web design
Clippy Easy CSS clip-path maker
Fancy Border Radius Eight values specifying border-radius in CSS ( border-radius generator )
Wireframe.cc Wireframing tool (free & paid)
Fotor Photo editor and design maker
Pixlr Online photo editor
Animoto Video Maker Make videos online
RemoveBG Remove image backgrounds Website Description
Photo Creator Create your own photos instead of searching for stock
Visme Create presentations, infographics and more
Infogram Create infograms
ChartGo Create charts and graphs online
Cartoon Photo Turn photos into cartoons
Whimsical Wireframes, diagrams and more (4 free)
Whiteboard Online drawing tool
Octopus Sitemap builder
CTA Button Maker Create call to action buttons
Blobmaker is a free generative design tool, to help you quickly create
Blobmaker random, unique, and organic-looking SVG shapes.
Personas A playful avatar generator for the modern age
SoftUI A Soft UI (neumorphism) CSS generator
Photopea An Online Photoshop editor
Excalidraw Virtual whiteboard for sketching hand-drawn like diagrams
Diagrams Diagram software and Flowchart maker
MapInSeconds Simple way to visualize your data with a map
Grid Malven A css grid cheatsheet to reference when creating a css grid
Flex Malven A flexbox grid cheatsheet to reference when working with flexbox
Smart Upscaler Upscale images by 2-4x resolution
Fun and Colorful free avatars web generator tool by Fang-Pen Lin using
GetAvataaars Pablo Stanley sketch library
Easily generate avatars for your projects with Big Heads by Robert
Big Heads Broersma.
Break the code barrier, Build better business websites, faster. Without
Webflow coding.
Trace Instantly remove the background from your photos
Neumorphism.io Generate Soft-UI CSS shadow code
DB Designer Design your database for free online
Ui Bakery Create full-fledged web apps visually Website Description
Faux Turn real code into faux code
Real-time interactive design tool that allows you to design, animate, and
Rive immediately integrate your assets into any platform.
Unscreen Remove Video Background 100% Automatically and Free
Convert your source code into nice pictures for your articles, tweets,
Kodeshot messages, posts...
Wix Create a Website You’re Proud Of
GTmetrix Website Speed and Performance Optimization
Framer Is prototyping tool for teams
Draw.io Free online diagram editor tool
UXWing SVG Editor Creating and Edit SVG Online
Create and export CSS code for a custom box with an arrow extending
CSS Arrow out from the side. Great for tooltips, flyouts and the like.
Diagramming and visualization tools that allows creating databases,
Lucidchart flowcharts, boards, floor-maps, and much more. 3 multi-page documents on the free tier
Create and share beautiful images of your source code by typing or drop
Carbon a file.
Downloadable Design Software Free software for UI, photo, 3d modelling, etc. Alternatives to paid software like Photoshop
Website Description
Gimp Free & open source image editor similar to Photoshop
Gravit Designer Free full-featured vector graphic design app that works on ALL platforms
Blender Open source, free animation, 3D modelling, etc.
Raw Therapee Cross-platform raw image processing program
Be Funky Online design program
Krita Sketching and painting program designed for digital artists
Pencil Project GUI prototyping software Website Description
Inkscape Powerful free design tool
Adobe XD Free design tool from Adobe
Shapes.so Icons that can be used as code in your projects
Lunacy Sketch for Windows
InVision Studio Free screen designing tool from InVision
Darktable Free & Open source photography workflow application and raw developer
Inpixio photo Editor Free Photo Editor: For windows only
Open Source colors software: Retrieve, manipulate and store your colors
Colorpicker easily!
Design Inspiration Here are some websites to get inspiration for design and UI
Website Description
Behance Design projects featured by different creators
Dribbble Design projects featured by different creators
Practice your HTML, CSS, and Javascript skills on real world design
Codewell templates
Foxyapps Design inspiration from the best mobile app designs
Httpster Showcases websites made by people from all over the world
Inspofinds Latest design work from designers and the design community
Design Notes Free online resource library for product designers
Land Book Displays a large collection of websites to help find inspiration
Frontend Mentor Real-world UI Challenges using HTML, CSS and Javascript
Awwwards A website that rate and collects the best websites in the world in UI
A website that collects the best UI ideas and patterns and make tutorials
Codrops of it
Discover the best landing page examples created by top-class SaaS
SaaS Landing Page companies Website Description
A collection of the best landing pages with a focus on copywriting and
Saaspages.xyz design.
UI Movement is a community of design enthusiasts who share and
UI Movement discuss the most interesting and unique UI designs
lapa ninja Best landing page inspiration
Free frontend design from css html and javascript. latest work some
Freefrontend design part
Webframe Discover and be inspired by beautiful webapp designs
Daily inspiration collected from daily ui archive and beyond. Handpicked,
Collect UI and updating daily.
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.
Graphic Burger 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.
A site offering users a ton of company e-mails from customer service to
Really Good Emails marketing.
Free Design Resource A site offering fonts, mockups, templates graphics and ui kits.
Site Inspire siteInspire is a showcase of the finest web and interactive design.
Web Design Inspiration A site for web design inspiration, updated daily.
NavNav Responsive navigation examples
Calltoidea Collection of different web Components for inspiration.
A collection of inspirational websites using media queries and
MediaQueri.es responsive web design
Mulzli Search Search engine for design inspiration
DeviantArt Access to 370 million pieces of art for inspiration.
Design your way Collection of different Web and Mobile Designs
A collection of brilliant personal websites filterable by colors and web
Humans.fyi technologies used in each website.
SiteSee A curated gallery of beautiful and modern websites.
UI Garage Daily handpicked UI inspiration & patterns.
ecomm.design eCommerce Website Design Gallery & Tech Inspiration. Website Description
A showcase of awarding and showcasing the best websites, apps and
Design Nominees Games.
Design Vault A library of screenshots and patterns from real world digital products
Image Compression Websites that allow you to compress large images
Website Description
TinyPNG Smart PNG and JPEG compression
Online JPEG and PNG optimizer / compressor with settings and archive
Optimizilla download
Compressor.io JPEG, PNG, GIF, SVG Compression
Squoosh.app Image compression from Google Chrome Labs
Bulk image resizing, compression & converting that perform all the tasks
BulkResizePhotos within the browser (It works offline)
iLoveIMG The fastest free web app for easy image modification
Online SVG optimizer with a lot of settings and possibility to cut and
SvgOMG paste svg code directly in it.
CompressJPEG Compress JPEG images with size even greater than 5MB
CompressNow JPEG, GIF, PNG Compression
Promo Image Resizer Free Image and Photo Resizer
Image Optimizer Image Optimizer Free With Quality Options
This tool removes superfluous information, thereby reducing the size of
SVGminify your SVG files
Free online tool for resizing and compressing digital photos and images
JPEG Optimizer for displaying on the web
Resizing.app Resize Your Images Online
Animated GIF maker and Image editor including Image optimization and
EZGif supports WebP conversion
OnlinePngtools Resize png for without losing transparent background.
Remove meta tags in image in order to reduce image size and increase
Verexif privacy security Website Description
Uses lossless compression to compress inefficient SVG codes by
Vecta Nano removing unnecessary data. (Free & Paid)
Chrome Extensions Useful Chrome extensions for Designers and Web-Developers.
Website Description
WhatFont The easiest way to identify fonts on web pages.
WhatRuns Discover what runs a website. Frameworks, Analytics Tools, Wordpress Plugins, Fonts - you name it.
Web Developer Adds a toolbar button with various web developer tools. Awesome Screenshot & Full page screen capture and screen recorder - 2 in 1. Share screencast
Screen Recorder video instantly daily.dev - News for Busy Get programming news with zero effort. Simply open a new tab, and
Developers you’re all set. A must-have tool for busy developers!
JSONView Validate and view JSON documents.
JSON Lite Browser extension for viewing JSON files.
Window Resizer Resize the browser window to emulate various screen resolutions.
Responsive Viewer Show multiple screens once, Responsive design tester
BrowserStack Instantly test your webpage on any desktop or mobile browser.
VisBug Open source web design debug tool built with JavaScript
Keyframes In-browser CSS Animation creator. Kontrast - WCAG Contrast Quickly check and adjust contrast in real-time in your browser to meet
Checker WCAG 2.1 requirements
PerfectPixel 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.
Pesticide Inserts the Pesticide CSS into the current page, outlining each HTML element to better see placement on the page, helpful for building layouts.
Site Palette A must-have tool for designers and frontend developers to grab colors for any website. Mobile/Responsive Web Test responsive web designs or mobile pages that detect specific user
Design Tester agents. Test multiple devices at the same time!
ColorZilla Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies Lorem Ipsum Generator Provides an elegant and quick way to create default text or generate
(Default Text) Lorem Ipsum. Optimized for quick usage, but it can be customized. JavaScript and CSS Code Beautify CSS, JavaScript and JSON code when you open a
Beautifier .css/.js/.json file Imageye - Image Find and download all images on a web page. With Imageye you can
downloader find, browse and download all the images present in a web page. GoFullPage - Full Page Capture a screenshot of your current page in entirety and reliably—
Screen Capture without requesting any extra permissions!
Stylebot Change the appearance of the web instantly. ColorPick Eyedropper A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.
React Developer Tool React debugging tools to the Chrome Developer Tools. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
Wappalyzer Wappalyzer is a technology profiler that shows you what websites are built with.
Fake Filler Fake Filler a form filler that fills all inputs on a page with fake/dummy data.
Page Ruler Redux A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page.
Web Editor 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.
CSSViewer A simple CSS property viewer.
Fonts Ninja Identify fonts from any website, bookmark, try, and buy them.
Lighthouse An open-source, automated tool for improving the performance, quality, and correctness of your web apps.
Others Uncategorized Stuff
Website Description
everysize.kibalabs.com Check your awesome responsive webpage looks great in every size
Devhints.io This is a modest collection of cheatsheets on Internet
A collection of handy, free-to-use tools for web developers,
The Web Toolbox programmers and designers.
WebDevTrick A famous blog for many amazing HTML, CSS, JQuery designs.
css-tricks Free CSS tricks and some unique ideas for beginners and advanced
An interactive viewer that helps designers test material design
Material Design Resizer breakpoints across desktop, mobile, and tablet
Nodesign.dev A collection of tools for developers who have little to no artistic talent
A11ygator A web tool to scan websites against WCAG rules
Command line tool to formatted commit messages according to the
Commitizen standards
CleanCss Tool For Code Formatter, Minifier, File Converter
Tiny helpers A collection of free single-purpose online tools for web developers
CSS Ribbon Generator This generator will assist in creating a pure CSS corner ribbon. Website Description
Can I Use Check cross-browser compatibility of frontend technologies.
Check JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility
kangax-js-compat-table across different compilers, servers/runtimes and platforms (Desktop and Mobile).
mydevice.io Most commonly used device resolutions including phones and tablets
Codepen Build, test and discover frontend code.
A tool for designers and frontend developers to design and debug their
Responsively in all platforms with ease
html2pdf.js Client-side HTML-to-PDF rendering using pure JS.
CSS Reference A collection of all css properties and definitions in detail
Critical Path CSS Generate critical css for your web pages
Generator
Browser extension to find SVGs on a webpage and download, copy to
SVG Gobbler clipboard, or export as PNG.
A collection of useful snippets and code examples for HTML, CSS, shortcode.dev JavaScript, Node, Artisan, Blade and more.
PlayCode Javascript playground.
All The Tags All HTML tags briefly explained.
Reveal the Vue plugins and technology stack powering any website or
Vue Telemetry explore a database of 5500+ websites.
Grid.js is a Free and open-source HTML table plugin written in
Grid.js TypeScript. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs.
Gerillass is a website development tool built on top of Sass with a set
Gerillass of Sass mixins and functions for frontend developers to generate scalable CSS outputs.
Sketchize is built for UI/UX Designers to help them design lovely apps
Sketchize for mobile, tablet, and desktop devices.
CSSPortal is home to a large range of CSS generators, tools and
{CSS}Portal resources.
DevDocs combines multiple API documentations in a fast, organized,
DevDocs and searchable interface.
papersizes The best resource for International Paper Sizes, Dimensions & Formats. Website Description
Visually compare your code and designs. Compare your mockups with
Match Stick your live website to pinpoint any missing details.
flexboxfroggy Help Froggy and friends by writing CSS code!
Essential reading on the practices that propel the best design teams
Designbetter Books forward.
OverAPI Collection Of All Cheat Sheets.
Pageclip A server for your Static HTML forms
Shields Create badges with your own customization.
williamsharkey Random SVG Graphic Generator
An interactive list of Bootstrap classes, variables, and mixins. The only
Bootstrap CheatSheet Bootstrap CheatSheet you will ever need.
QR Code Generator Use QR Code Generator to easily create a QR code for your project.
The Biggest Paper Database with Sizes, Dimensions and Formats in
PapersDB Metric and Imperial units.
Always Updated Source: Github