Beautiful & consistent icon toolkit made by the community.

Unicons by IconScout offers 7,000+ free 3D and animated icons plus icon fonts in line, monochrome, solid and thin line styles. Use them in your web, iOS or Android design projects.

Heroicons is a collection of MIT open source interface icons for web and app development. Icons are free, no attribution required. Icons by @steveschoger. Website by @username_ZAYDEK.

Copy and paste individual icons as inline SVGs or CSS code directly into websites or Illustrator.

A set of over 4900 free MIT-licensed high-quality SVG icons for you to use in your web projects. - GitHub - tabler/tabler-icons: A set of over 4900 free MIT-licensed high-quality SVG icons for you to use in your web projects.

Download design elements for free: icons, photos, vector illustrations, and music for your videos. All the assets made by designers → consistent quality ⚡️

Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API

A flexible icon family for interfaces, diagrams, presentations — whatever, really.

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.

A scalable set of icons handcrafted by GitHub.

Ionicons is an open-sourced, and MIT-licensed icon pack. Download our premium designed icons for use in web, iOS, Android, and desktop apps.

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

Iconoir is the biggest open source icon library that provides a massive selection of high-quality icons, available for free download. No premium options or email sign-up required, free for real. Icons available in SVG, Font, React, React Nativ, and Flutter libraries, Figma and Framer.

Combine expressions, clothing, hair styles and colors into billions of different unique characters.

Interfacer is a collection of 300+ free design resources found on the Web.

39 free illustrations elements. Simplified cute characters illustrations for websites and application screens. If you’re looking for cute cartoony characters to tell your stories, look no further than our newest character illustrations

Discover a diverse range of stunning illustrations at ManyPixels Design Gallery. Power up your designs with visual brilliance!

The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.

Free illustrations generator for Figma and Sketch. Get the opportunity to design your characters using symbols and styles.

Free illustrations XYZ offers a collection of top no cost resources of free illustrations around the web. Pick your favorites and use them for your next project.

Large set of opensource illustrations. You can use completely free and without attribution.

Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.

An Open Source collection of Design Principles and methods

A tiny React component for applying a gooey effect, also known as shape blobbing or metaballs.

Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

Collection of printable wireframe, mockup and dot grid sketchpad templates

Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.

One Page Love is a One Page website design gallery showcasing the best Single Page websites, templates and resources.

Guidance for designing ethically humane digital products and services through patterns focused on user well-being.

Create fully responsive shape dividers for your next web project

SVG Backgrounds hosts a collection of customizable SVG-based repeating patterns and backgrounds for websites and blogs.

Looking for landing page inspiration? We've got you covered. Landingfolio features the best landing page designs, templates, component and more on the web. Get inspired by real landing page examples.

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

A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.

Glassmorphism is a unified name for the popular Frosted Glass aesthetic.

Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Create, edit, test, collaborate, and ship Lottie animations in no time!

Wordmark helps you choose fonts by quickly displaying your text with your fonts.

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

React TypeScript Cheatsheets

Maggie's digital garden filled with visual essays on programming, design, and anthropology

Enlight is a resource aimed to teach anyone to code through building projects. Hosting a wide variety of tutorials and demos, Enlight provides developers with sample projects and explains how they work.

A game for learning CSS flexbox

This tutorial teaches you CSS Flexbox through 12 interactive screencasts. You'll learn all the key concepts in addition to building a responsive navbar and a neat image grid.

Learn to Code — For Free

The Odin Project empowers aspiring web developers to learn together for free

Learn the basics of web design in 4 minutes with this interactive tutorial.

A ridiculous collection of web development cheatsheets · One-page guide to

Community driven roadmaps, articles and guides for developers to grow in their career.

expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.

Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.

MarkSheet is a free tutorial to learn HTML and CSS. It's short (just as long as a 50 page book), simple (for everyone: beginners, designers, developers), and free (as in 'free beer' and 'free speech'). It consists of 50 lessons across 4 chapters, covering the Web, HTML5, CSS3, and Sass.

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

A free guide to all HTML elements and attributes.

Come check out my guides to make you better at building web applications.

Browse thousands of programming tutorials written by experts. Learn Web Development, Data Science, DevOps, Security, and get developer career advice.

Become a better front-end developer with our ridiculously clear content and friendly community!

Technical tutorials, Q&A, events — This is an inclusive place where developers can find or lend support and discover new ways to contribute to the community.

Resources to Help Product Teams Ship Amazing Digital Experiences

Read my thoughts on software development, design, and more.

Friendly tutorials for developers. Focus on React, CSS, Animation, and more!

Technical tutorials, Q&A, events — This is an inclusive place where developers can find or lend support and discover new ways to contribute to the community.

Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

Generate or browse beautiful color combinations for your designs.

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

Colorsinspo is all in one resource to find everything about colors with extreme ease. Also, you will get Freebies, Inspirations, Color Tools, Gradients and thousands of trendy hand-picked color palettes.

A handpicked collection of beautiful color gradients for designers and developers

280 handpicked colors ready for COPY & PASTE

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning

I'm a software developer who makes videos about React, React Native, GraphQL, Typescript, Node.js, PostgreSQL, Python, and all things coding.

I publish weekly videos about Web Development! I am constantly learning the latest and greatest in Web Development and am excited to help you do the same.

Hello my gorgeous friends on the internet, welcome to DevelopedByEd, your go-to channel for learning how to code, design, and become more creative in the tech world! I’m Ed, a self-taught full stack engineer and designer from Romania, and I've been teaching code since 2018. I make learning fun and simple, covering topics such as web development, web design, UI/UX, game development, tech-related news, 3D modelling, and more! Whether you're a beginner or an experienced developer, I have coding courses and tutorials suitable for any level. I specialize in front-end, full-stack, and design, and I'm dedicated to sharing my knowledge and expertise with you! And the best part? You can use any of the amazing projects you see in my tutorials or

High-intensity ⚡ code tutorials and tech news to help you ship your app faster. New videos every week covering the topics every programmer should know. The original home of #100SecondsOfCode #TheCodeReport and #CodeThisNotThat. Created by Jeff Delaney. Building an app? Get project support, advanced full courses, and more at https://fireship.io

I make videos about life and the realities of the corporate world.

I train professional software engineers that companies love to hire. My courses: http://codewithmosh.com My blog: http://programmingwithmosh.com Connect on social media: http://www.twitter.com/moshhamedani https://www.facebook.com/programmingwithmosh #python #javascript #chsarp

Astrocoder, Developer Experience Engineer, Space Jelly Commander—I help others get the tech out of the way to solve real problems with the tools of the web. I work with the dev community at Cloudinary and am a prolific creator of educational content teaching others through learning by doing one Star Wars plush cuddle at a time.

Traversy Media features the best online web development and programming tutorials for all of the latest web technologies from the building blocks of HTML, CSS & JavaScript to frontend frameworks like React and Vue to backend technologies like Node.js, Python and PHP

Black-belt your web development skills. Over 2000 free programming tutorial videos about: - Modern JavaScript (beginner to advanced) - Node.js - React - Vue.js - Firebase - MongoDB - HTML & CSS - PHP & MySQL - Laravel - React Native - Flutter - Open AI - SolidJS ...And many more topics as well :)

We're a small team of developers and designers spread out all across the world, building tools that help other developers build better user interfaces. We created Tailwind CSS, Headless UI, Hero Patterns, Heroicons, and wrote Refactoring UI.

Hello! I want to redefine and disrupt education. This channel is about design, building companies and having a happy life in the process. Sharing my over 23 years of experience with you. ⚠️ I don’t do paid collaborations - don’t bother! ☝️ We still do client work! If you want squareblack to design/code a project for you, please contact us directly at squareblack.com :-)

Headless UI for building powerful tables & datagrids with TS/JS, React, Solid, Svelte and Vue

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.

Simple, Modular and Accessible UI Components for your React Applications. Built with Styled System

An optimized site generator in React. Docusaurus helps you to move fast and write content. Build documentation websites, blogs, marketing pages, and more.

The introduction on web accessibility that I want to give every single web developer.

Instantly get hundreds of beautiful designs. Create perfect profile pictures for all your social media profiles. Customize and download for free

Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

Collection of thinking tools and frameworks to help you solve problems, make decisions and understand systems.

A showcase of beautiful and well designed web app screens for design inspiration. Including screens from behind signup/paywalls! 😱

Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!

A tool for creating new color shades based on a neural network and trained with the Tailwindcss palette.

React hook for form validation without the hassle

Carbon is the easiest way to create and share beautiful images of your source code.

Learn web development and design with our on-demand video platform. Learn development through our developer courses and developer videos.

An open source, production-ready motion library for React on the web.

With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler.

SWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again.

Add beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.

Hamburger menu icons for React, with CSS-driven transitions. Created to be as elegant and performant as possible. (1.5 KB)

Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

Remove image backgrounds automatically in 5 seconds with just one click. Don't spend hours manually picking pixels. Upload your photo now & see the magic.

Self-hosted, Node.js based analytics tool for those who care about privacy.

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.