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
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