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