Web Development Resources

We, as developers, often struggle to find the right resources for our projects and spend a lot of time researching.

This repository aims to solve that by making finding resources embarrassingly easy.

Please read contributing guidelines before submitting new resources.

Gradient Generators

Website	Description
Mesh	Mesh is a simple way to create beautiful, unique gradients using shaders
Gradienta	Multicolor gradients, available in pure CSS and JPG
Cool Backgrounds	Generate some cool backgrounds
Magic Pattern	A collection of tools to enhance your design and code workflow
uiGradients	A handpicked collection of beautiful color gradients for designers and developers
WebGradients	A free collection of 180 linear gradients that you can use as content backdrops in any part of your website
CSS Gradient	A free tool that lets you create a gradient background for websites
CSSGears	A simple and beautiful list of editable gradients
100 Mesh Gradients	Hand-Curated Mesh Gradient Collection
Gradient Hunt	A free and open platform for color inspiration with thousands of trendy hand-made color gradients
CSS Gradient Buttons	Hundreds of CSS gradients buttons
Colorful Gradients	Gradients automatically created by a computer
Grabient	Beautiful and simple UI for generating web gradients
Color Gradient Generator	CSS color gradients for cool backgrounds and UI elements
Color Gradient	A free tool for creating css gradients
EggGradients	Ready to use gradient background colors
Gradientos	Find and test gradients easily. Pick colors and see the gradient live on a demo website on some common UI elements
Gradient Generator	A free gradient generator

Website	Description
Heroicons	A set of free MIT-licensed high-quality SVG icons for UI development
Heroicons	Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS
Iconic	Free, “do wtf you want with” pixel-perfect icons
The noun project icons	A diverse collection of icons
Iconfinder	A marketplace for icons, illustrations and 3D illustrations in SVG, AI, and PNG format
Icon icons	Free icons for your project, find the perfect icon you need in our amazing collection, available in SVG, PNG, ICO or ICNS
Iconmonstr	Free simple icons for your next project
Icons8	Icons, illustrations, photos, music, and design tools
lordicon	A powerful library of carefully crafted animated icons, ready to use in digital products, presentations, or videos!
Google Icons	A collection of beautiful icons from Google
Icones	A collection of beautiful icons
React Icons	Include popular icons in your React projects easily with react-icons

Website	Description
Tailblocks	Ready-to-use Tailwind CSS blocks
Tailwind Components	A free repository for community components using Tailwind CSS
MerakiUI	Tailwind CSS Components That Support RTL Languages & Fully Responsive Based On Flexbox & CSS Grid With Elegant Dark Mode
Tail Kit	Tail-kit gives you access to over 250 free components and free templates, based on Tailwind CSS 2.0. It's all compatible with React, VueJS and Angular application
Tailwind Toolbox	Free Tailwind CSS Templates, Components and Resources
Tailwind UI Kit	Build captivating experiences with accessible, fully responsive, drop-in-ready Tailwind CSS components and fast track your workflow
Mamba UI	A free, open-source collection of UI components and templates based on Tailwind CSS
Kutty	A tailwind plugin consisting of accessible and reusable components for building web applications
Daisy UI	The most popular, free and open-source Tailwind CSS component library
Gust UI	A Free Tailwind UI kit for visionary applications
Wickedblocks	A free collection of Tailwind blocks & components

Website	Description
Pexels	The best free stock photos, royalty free images & videos shared by creators
Freepik	Free Vectors, Stock Photos & PSD Downloads
Pixabay	Stunning free images & royalty free stock
Unsplash	Beautiful free images and pictures
Humaaans	Mix-&-match illustrations of people with a design library
Manypixels	2,500+ royalty-free illustrations to power up your designs
Undraw	Open-source illustrations for any idea you can imagine and create
The noun project photos	A diverse collection of stock photos
Illlustrations	Open source illustrations kit
Storyset	Awesome free customizable illustrations for your next project

Website	Description
Envato	Unilimted resource to graphic designs
Dribble	A collection of beautiful design by top creators
CollectUI	Daily inspiration collected from daily ui archive and beyond
Landing Folio	The Best Landing Page Design Inspiration, Templates and More
Openby.design	Custom crafted free UI design resources, for personal and commercial projects
Awwwards	Best Web Design trends
Behance	One of the world's largest creative network for showcasing and discovering creative work
Mobbin	Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots
Screenlane	Web & mobile UI design inspirations
Scrnshts	A hand-picked collection of the finest app store design screenshots

Website	Description
Accessible Color Generator	A tool for creating color variations on a base color to meet WCAG AA or AAA color contrast ratio guidelines
ColorSpace	Color palettes generator and olor gradient tool
Coolors	The super fast color schemes generator
Adobe Colors	A color palette generator
Color Hunt	Color palettes for designers and artists
HTML Color Codes	Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values
Paletton	The color scheme designer