Design resources for developers

SVG sine waves: Export perfect sine waves as SVG for your front-end projects.

UI Design Daily: Awesome UI Components of all types.

100 Daily UI is free Figma library of products, elements, and screens.

Sketch App Sources: Sketch UIs, wireframes, icons and much more.

Google Fonts: Library of around 1000 free licensed font families.

DaFont: Archive of freely downloadable fonts.

Use & Modify: Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces.

1001 Free Fonts helps you download 150,000 free fonts for Windows and Mac. Browse categories such as blackletter, calligraphy, handwriting, script, sans serif. New fonts added daily.

PaletteForge helps you generate beautiful color palettes from different categories.

Colorlab helps you create color palette, gradients, color scales, check contrast all in one place.

Color Brewer 2 is the original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest.

Huetone is a tool to create accessible color systems.

Circum Icons: Consistant open source icons as SVG for React, Vue and Svelte.

UXWing: Well Optimized, Free icons for commercial use.

Shapedfonts Iconclub: 8000+ free icons.

Feather Icons: Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

LogoSear.ch: Instant search for SVG logos with over 572,000 logos from 140 sources.

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.

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

Favicon.io helps you create a favicon.ico from an image, text, emoji, or SVG. Download ICO, PNG, Apple Touch Icon, Android icons, and web manifest files in one ZIP.

Favicomatic: Check this amazing tool, it creates EVERY kind of favicon you need, including iOS icons, Android icons, Metro tile icon and more! Favic-O-Matic is the FIRST favicon generator to correctly handle transparent favicon from png!

Favicon Generator helps your website generate favicon ico files.

Font Awesome is the internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

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.

Pexels is free stock photos shared by talented creators.

Unsplash is 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.

Pexels: Largest library of free to use videos, donated by the community.

Pixabay: Large library of free to use videos, donated by the community similar to Pexels.

Coverr.co is beautiful free stock video footage.

Videezy is free HD stock footage & 4K videos.

YouTube Studio Audio Library: Royalty-free audio library for downloadable music and sound effects. Cleared for YouTube monetization.

Free Stock Music: Royalty free stock music for YouTube videos, podcasts, etc.

Bensound helps you download Royalty Free Music for free and use it in your project.

Mixkit helps you download from our library of astounding free stock music. All audio tracks are royalty free and ready to use in your video editing projects.

PNGFree.ai: Hey! Need free transparent images? Check out websites like Pngtree or Flaticon! They offer tons of high-quality PNGs for all your creative needs. It.

Vecteezy helps you find and download free vector art.

Freepik is free vectors, stock photos, PSD and icons.

Free Vectors: Community of vector lovers who share free vector graphics.

MockCity: 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.

Smart Mockups helps you create stunning product mockups (free & premium).

Media Modifier is beautiful design mockups service for your products (free & premium).

Shot Snap helps you create beautiful device mockup image from the screenshots or design of your mobile app and websites.

HTML5Up: Very modern, unique responsive HTML5/CSS3 themes.

Templatemo helps you download 620+ free HTML CSS website templates. AI-customizable pure CSS designs and responsive Bootstrap layouts. No signup required - free for commercial use.

FreeHTML5 is free website templates, free HTML5 templates using Bootstrap framework. High quality free website templates for all.

StyleShout: Brilliantly crafted free website templates.

Tailwind CSS: Low level, utility-first framework.

Bootstrap: Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

Materialize is a modern responsive front-end framework based on Material Design.

Material Design Lite: Light framework based on Material Design. No JS dependency.

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

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

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

SMACSS: I’ve been analyzing my process (and the process of those around me) and figuring out how best to structure code for projects on a larger scale. What I've found is a process that works equally well for sites small and large.

Gradienty Animations: Over 600+ Curated Animations ready to copy & paste.

Animate.css: is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

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

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.

GSAP is a JavaScript library for building high-performance animations that work in every major browser.

Velocity.js: An incredibly fast animation engine for motion designers.

lax.js is simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!

Rellax.js: Lightweight, vanilla javascript parallax library. Contribute to dixonandmoe/rellax development by creating an account on GitHub.

ChartJS is simple yet flexible JavaScript charting library for the modern web.

FrappeJS: 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.

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

CSSnippets helps you explore a vast collection of HTML, React, CSS and Tailwind CSS code snippets for buttons, box-shadows, cards, checkboxes, dropdowns and many more.

Bit: Provides a huge library of reuseable UI Components for React, Angular, Vue, React Native. Also can be used for sharing UI Components among other team members.

UILang is a minimal, UI-focused programming language for web designers.

Medialoot CSS Components: Calendars, price grids and other UI components.

Material UI: React components for faster and easier web development, based on Material Design.

Chakra UI helps you build accessible React apps & websites with speed. Openchakra.

React Bootstrap is the most popular front-end framework, rebuilt for React.

Semi Design is a modern, comprehensive, flexible design system that gives you all modular blocks you need to build sensible web apps & SaaS products.

Vuetify: Material design component framework.

Bootstrap Vue: Quickly integrate Bootstrap v4 components with Vue.js.

Buefy: Lightweight UI components based on Bulma.

Semantic UI Vue: is the Vue integration for Semantic UI.

Material Angular: UI library for Angular based on Material design.

NG Bootstrap: UI library for Angular based on the Bootstrap framework.

PrimeNG is powerful UI component library for Angular.

Onsen Angular: Onsen UI framework for Angular. Create beautiful high-performance hybrid mobile apps and PWA with AngularJS or Angular 2+. Material and iOS Design with automatic styling.

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.

Attractions is a pretty cool UI kit for Svelte.

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

React Native UI Lib: Description will go into a meta tag in.

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

UI Kitten: React Native UI Components powered by Eva Design System.

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.

Figma is online graphic design tool (Free & paid options).

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.

Vectr is free vector graphics software.

Taler helps you create social media banner designs in minutes from hundreds of customizable templates.

Gimp is free & open source image editor similar to Photoshop.

Gravit Designer is free full-featured vector graphic design app that works on ALL platforms.

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

Raw Therapee: Cross-platform raw image processing program.

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

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

Behance: Design projects featured by different creators.

Dribbble: Design projects featured by different creators.

TinyPNG is free online image optimizer for faster websites! Reduce the file size of your WEBP, JPEG and PNG Images with TinyPNG’s smart lossy compression engine.

Optimizilla is online JPEG and PNG optimizer / compressor with settings and archive download.

Compressor.io: JPEG, PNG, GIF, SVG Compression.

Squoosh.app: Image compression from Google Chrome Labs.

WhatFont is the easiest way to identify fonts on web pages.

WhatRuns helps you 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 & Screen Recorder: Full page screen capture and screen recorder - 2 in 1. Share screencast video instantly.

WhatFont: Identify fonts on web pages.

WhatRuns helps you download WhatRuns for Firefox. Discover what runs a website - This Firefox extension helps you identify technologies used on any website at the click of a button.

Web Developer helps you download Web Developer for Firefox. The Web Developer extension adds various web developer tools to the browser.

Awesome Screenshot & Screen Recorder: Capture and annotate screenshots.

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

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

ImgGen.Ai: ImgGen AI is a powerful online photo editing tool that allows you to edit and enhance your photos with ease. With our AI-powered photo editor, you can quickly and easily remove backgrounds, add filters, and create stunning images. Try it now!

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

Figpeek: is a new Figma and GitHub thumbnail generator.

Image Extractor is online tool for extracting all images and SVGs of a website, all you is just to drop the URL.

Vertopal helps you convert your documents, images, fonts, audios, and 3D models online and free. Edit, optimize, apply filters and effects to pictures. No software installation or registration required.

everysize.kibalabs.com: Check your awesome responsive webpage looks great in every size.