[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-471":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":9,"languages":9,"totalLinesOfCode":9,"stars":10,"forks":11,"watchers":12,"openIssues":13,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":14,"forks30d":14,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":14,"starSnapshotCount":14,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},471,"design-resources-for-developers","bradtraversy\u002Fdesign-resources-for-developers","bradtraversy","Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more",null,66000,12086,1047,4,0,10,60,493,50,45,"MIT License",false,"master",true,[],"2026-06-12 02:00:14","![Repository Banner](headerimage.png)\n\n\u003Cdiv align=\"center\" markdown=\"1\">\n   \u003Csup>Special thanks to:\u003C\u002Fsup>\n   \u003Cbr>\n   \u003Cbr>\n   \u003Ca href=\"https:\u002F\u002Fwww.warp.dev\u002Fwindebloat\">\n      \u003Cimg alt=\"Warp sponsorship\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fc21102f7-bab9-4344-a731-0cf6b341cab2\">\n   \u003C\u002Fa>\n\nWarp, the intelligent terminal for developers\nAvailable for MacOS, Linux, & Windows\u003Cbr>\n\n\u003C\u002Fdiv>\n\u003Chr>\n\n#### Please read [`contributing guidelines`](.\u002Fcontributing.md) before submitting new resources.\n\n## Table of Contents\n\n- [UI Graphics](#ui-graphics)\n- [Fonts](#fonts)\n- [Colors](#colors)\n- [Icons](#icons)\n- [Logos](#logos)\n- [Favicons](#favicons)\n- [Icon Fonts](#icon-fonts)\n- [Stock Photos](#stock-photos)\n- [Stock Videos](#stock-videos)\n- [Stock Music & Sound Effects](#stock-music--sound-effects)\n- [Vectors & Clip Art](#vectors--clip-art)\n- [Product & Image Mockups](#product--image-mockups)\n- [HTML & CSS Templates](#html--css-templates)\n- [CSS Frameworks](#css-frameworks)\n- [CSS Methodologies](#css-methodologies)\n- [CSS Animations](#css-animations)\n- [Javascript Animation Libraries](#javascript-animation-libraries)\n- [Javascript Chart Libraries](#javascript-chart-libraries)\n- [UI Components & Kits](#ui-components--kits)\n- [React UI Libraries](#react-ui-libraries)\n- [Vue UI Libraries](#vue-ui-libraries)\n- [Angular UI Libraries](#angular-ui-libraries)\n- [Svelte UI Libraries](#svelte-ui-libraries)\n- [React Native UI Libraries](#react-native-ui-libraries)\n- [Design Systems & Style Guides](#design-systems--style-guides)\n- [Online Design Tools](#online-design-tools)\n- [Downloadable Design Software](#downloadable-design-software)\n- [Design Inspiration](#design-inspiration)\n- [Image Compression](#image-compression)\n- [Chrome Extensions](#chrome-extensions)\n- [Firefox Extensions](#firefox-extensions)\n- [AI Graphic Design Tools](#ai-graphic-design-tools)\n- [Others](#others)\n\n## UI Graphics\n\n>Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components\u002FUI\n\n| Website                            | Description                                                        |\n| -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |\n| [SVG sine waves](https:\u002F\u002Fwww.sinwaver.com\u002F)                                                              | Export perfect sine waves as SVG for your front-end projects       |\n| [UI Design Daily](https:\u002F\u002Fuidesigndaily.com\u002F)                                                            | Awesome UI Components of all types                                 |\n| [100 Daily UI](https:\u002F\u002F100dailyui.webflow.io\u002F)                                                           | Free Figma library of products, elements, and screens              |\n| [Sketch App Sources](https:\u002F\u002Fwww.sketchappsources.com\u002F)                                                  | Sketch UIs, wireframes, icons and much more                        |\n| [Humaaans](https:\u002F\u002Fwww.humaaans.com\u002F)                                                                    | Cool illustrations of people with the ability to mix and match     |\n| [Paaatterns](https:\u002F\u002Fproducts.ls.graphics\u002Fpaaatterns\u002F)                                                   | Free collection of beautiful patterns for all vector formats       |\n| [Drawkit.io](https:\u002F\u002Fwww.drawkit.io\u002F)                                                                    | Illustrations for designers and startups                           |\n| [Absurd.design](https:\u002F\u002Fabsurd.design\u002F)                                                                  | Free surrealist illustrations for designers and developers         |\n| [Undraw.co](https:\u002F\u002Fundraw.co\u002F)                                                                          | Open-source illustrations for any idea you can imagine and create  |\n| [Manypixels.co](https:\u002F\u002Fwww.manypixels.co\u002Fgallery\u002F)                                                      | Monochromatic, Isometric high-quality illustrations                |\n| [Open Peeps](https:\u002F\u002Fwww.openpeeps.com\u002F)                                                                 | Hand drawn illustration library                                    |\n| [InvisionApp](https:\u002F\u002Fwww.invisionapp.com\u002Finside-design\u002Fdesign-resources\u002F)                               | Library of free, high-quality UI kits, icon packs, and mockups     |\n| [Open Doodles](https:\u002F\u002Fwww.opendoodles.com\u002F)                                                             | A Free Set of Sketchy Illustrations                                |\n| [Avataaars](https:\u002F\u002Favataaars.com\u002F)                                                                      | Free sketch library of avatars illustrations by Pablo Stanley      |\n| [Blush](https:\u002F\u002Fblush.design\u002F)                                                                           | Free customizable illustrations with Figma Plugin                  |\n| [Hero Patterns](http:\u002F\u002Fwww.heropatterns.com\u002F)                                                            | A collection of repeatable SVG background patterns                 |\n| [BEAUBUS Patterns](https:\u002F\u002Fpatterns.beaubus.com\u002F)                                                        | A set of 150+ free SVG patterns (backgrounds)                       |\n| [IRA Design](https:\u002F\u002Firadesign.io\u002F)                                                                      | An open-source gradient illustrations collection by creative tim.   |\n| [Transparent Textures](https:\u002F\u002Fwww.transparenttextures.com\u002F) | A collection of transparent textures background patterns. |\n| [icons8.com\u002Fillustrations](https:\u002F\u002Ficons8.com\u002Fillustrations) | Vector illustrations to class up your project |\n| [Patternico](https:\u002F\u002Fpatternico.com) | Seamless Pattern Maker |\n| [Pixeltrue Illustrations](https:\u002F\u002Fwww.pixeltrue.com\u002Fillustrations) | Free Animated Illustrations |\n| [Abstract User Avatar API](https:\u002F\u002Fwww.abstractapi.com\u002Fuser-avatar-api) | API to create simple yet flexible user avatars from user names or emails |\n| [sketchvalley](https:\u002F\u002Fsketchvalley.com\u002F) | Download free PNG, SVG or AI file . |\n| [PatternPad](https:\u002F\u002Fpatternpad.com\u002F) | Free and unlimited unique pattern designs. |\n| [Dimensions](https:\u002F\u002Fwww.dimensions.com\u002F) | Dimensions.com is an ongoing reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces|\n| [Freebiesbug](https:\u002F\u002Ffreebiesbug.com\u002F) | Hand-picked resources for web designers and developers, constantly updated.|\n| [Flexiple](https:\u002F\u002F2.flexiple.com\u002Fscale\u002Fall-illustrations) | One new high-quality, open-source illustration each day. |\n| [Cool Text](https:\u002F\u002Fcooltext.com\u002F)| Cool Text is a FREE graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work |\n| [illustration kit](https:\u002F\u002Fillustrationkit.com\u002F)| Premium open source illustrations added daily |\n| [Doodad Pattern Generator](https:\u002F\u002Fdoodad.dev\u002Fpattern-generator\u002F) | Create unique, seamless, royalty-free patterns.|\n| [Pattern Monster](https:\u002F\u002Fpattern.monster\u002F) | A simple online pattern generator to create repeatable SVG patterns|\n| [Exemplar](https:\u002F\u002Fthemeselection.com\u002Fproducts\u002Fexemplar-free-avatar-library-for-figma-and-sketch\u002F) | Free Avatar Library for Figma and Sketch|\n| [UIBundle](https:\u002F\u002Fuibundle.com) | Thousands of Free Design Resources like UI Kits, Mockups, Illustrations, Icons, Fonts, 3D assets, Templates and more. |\n| [openby.design](http:\u002F\u002Fopenby.design\u002F) | Custom crafted free UI design resources, for personal and commercial projects. No attribution is required. |\n| [Design Stripe](https:\u002F\u002Fdesignstripe.com\u002Fcatalog) | Create beautiful illustrations, no design skills needed. |\n| [HOLA SVG!](https:\u002F\u002Fholasvg.com\u002F) | An SVG playground to share SVG stuff. |\n| [symu.co](https:\u002F\u002Fsymu.co\u002Ffreebies\u002Ftemplates-4\u002F)| Free templates, UI kits, icon, PSD |\n| [Mesh Gradient](https:\u002F\u002Fmeshgradient.in\u002F)| Generate & download beautiful mesh gradients. |\n| [CSS Shadow Gradients](https:\u002F\u002Falvarotrigo.com\u002Fshadow-gradients\u002F) | Generate CSS Gradients For Shadows. |\n| [Creatica](https:\u002F\u002Fcreatica.app\u002Fbackgrounds) | Generate unique beautiful and unique Backgrounds and patterns. |\n| [Boring Avatars](https:\u002F\u002Fboringavatars.com\u002F) | SVG random, cutely avatars collections |\n| [Html to Design](https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F1159123024924461424\u002Fhtml.to.design) | Convert any website into fully editable Figma designs |\n| [fffuel](https:\u002F\u002Fwww.fffuel.co) | collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds |\n| [Mesher](https:\u002F\u002Fcsshero.org\u002Fmesher) | A Free tool to create beautiful mesh gradients only with CSS code. Use your own colors or randomly generated ones to build the trendiest CSS gradients |\n| [Square Face Avatar Generator](https:\u002F\u002Fwww.squarefaceicongenerator.co\u002F) | Generate square-face avatars & icons online |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Fonts\n\n>Websites that offer free fonts as well as font-based tools\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [Google Fonts](https:\u002F\u002Ffonts.google.com\u002F)| Library of around 1000 free licensed font families |\n| [DaFont](https:\u002F\u002Fwww.dafont.com\u002F)| Archive of freely downloadable fonts |\n| [Use & Modify](https:\u002F\u002Fusemodify.com\u002F)| Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces |\n| [1001 Free Fonts](https:\u002F\u002Fwww.1001freefonts.com\u002F)| I think the name speaks for itself :smirk: |\n| [Font Squirrel](https:\u002F\u002Fwww.fontsquirrel.com\u002F)| Font Squirrel scours the internet for high quality, legitimately free fonts |\n| [Font Fabric](https:\u002F\u002Fwww.fontfabric.com\u002Ffree-fonts\u002F)| A digital type foundry crafting retail fonts and custom typography for various brands |\n| [Just Free Fonts](https:\u002F\u002Fjustfreefonts.com\u002F)| A hand-curated collection of freeware, open-source, and public domain fonts intended for commercial use |\n| [Tiff](https:\u002F\u002Fwinniethemu.github.io\u002Ftiff\u002F)| A type diff tool that visually contrasts the differences between two fonts  |\n| [TypeKit Practice](https:\u002F\u002Fpractice.typekit.com\u002F)| Learn about typography practices |\n| [Fontjoy](https:\u002F\u002Ffontjoy.com\u002F)| Generate font pairing in one click |\n| [Golden Ratio](https:\u002F\u002Fgrtcalculator.com\u002F)| Golden Ratio Typography Calculator |\n| [FontGet](https:\u002F\u002Fwww.fontget.com\u002F) | Has a variety of fonts available to download and sorted neatly with tags |\n| [FontPair](https:\u002F\u002Ffontpair.co\u002F) | Helps you pair Google Fonts together\n| [Font Space](https:\u002F\u002Fwww.fontspace.com\u002F)| A designer-centered free font website that has quick customizable previews |\n| [Abstract Fonts](http:\u002F\u002Fwww.abstractfonts.com\u002F)| Fonts free for personal and commercial use |\n| [Free Typography](https:\u002F\u002Ffreetypography.com\u002F)| A list of high quality fonts |\n| [Leon Sans](https:\u002F\u002Fgithub.com\u002Fcmiscm\u002Fleonsans\u002F)| A geometric sans-serif typeface made with code |\n| [Lexend](https:\u002F\u002Fwww.lexend.com\u002F)| A variable font empirically shown to significantly improve reading-proficiency |\n| [Fonts for Apple Platforms](https:\u002F\u002Fdeveloper.apple.com\u002Ffonts\u002F)| Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps |\n| [SFWin](https:\u002F\u002Fgithub.com\u002Fblaisck\u002Fsfwin\u002F)| San Francisco Fonts for Windows 10 and non-Apple Platform |\n| [Font Flipper](https:\u002F\u002Ffontflipper.com\u002F)| Preview 800+ Google Fonts on top of your own designs, without having to download the fonts |\n| [Fonts Arena](https:\u002F\u002Ffontsarena.com\u002F) | Free curated fonts |\n| [Befonts](https:\u002F\u002Fbefonts.com\u002F) | High quality fonts for free |\n| [Arabic fonts](https:\u002F\u002Farabicfonts.net\u002F) | Arabic fonts for free |\n| [FontDrop](https:\u002F\u002Ffontdrop.info) | Simple and easy way to view the contents of font files |\n| [Open Foundry](https:\u002F\u002Fopen-foundry.com) | FREE platform for curated open-source typefaces |\n| [Glyphter](https:\u002F\u002Fglyphter.com) | Upload your own SVGS and turn them into font files. Useful if you want a smaller library loaded  |\n| [Google Webfonts Helper](https:\u002F\u002Fgoogle-webfonts-helper.herokuapp.com\u002Ffonts) |  A Hassle-Free Way to Self-Host Google Fonts |\n| [Rough Font Awesome](https:\u002F\u002Fdjamshed.github.io\u002Frough-awesome-font\u002Fdist\u002F)| When RoughJS meets Font Awesome |\n| [FFonts](https:\u002F\u002Fffonts.net)| Stylish fonts for free |\n| [Malayalam Fonts](https:\u002F\u002Fsmc.org.in\u002Ffonts\u002F)| Malayalam fonts for free which are maintained by Swathanthra Malayalam Computing(SMC) |\n| [Dev Fonts](https:\u002F\u002Fdevfonts.gafi.dev\u002F)| Find and use the coding fonts for free |\n| [Font M](https:\u002F\u002Ffontm.com\u002F)| Free font you can download for material coding and design |\n| [W Fonts](https:\u002F\u002Fwww.wfonts.com\u002F)| Download Free fonts |\n| [Modern fluid typography editor](https:\u002F\u002Fmodern-fluid-typography.vercel.app\u002F)| Fluid typography is a modern way of approaching responsive typography. |\n| [UrbanFonts](https:\u002F\u002Fwww.urbanfonts.com\u002F) | A collection of over 8000 free fonts and dingbats |\n| [Typespiration](https:\u002F\u002Ftypespiration.com\u002F)| Inspirational font combinations and color palettes |\n| [Fontsource](https:\u002F\u002Ffontsource.org\u002F) | Self-host Open Source fonts in neatly bundled NPM packages. |\n| [FontBolt](https:\u002F\u002Fwww.fontbolt.com\u002F) | Discover and generate your favorite fonts from pop culture. |\n| [Fontshare](https:\u002F\u002Fwww.fontshare.com\u002F) | Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all. |\n| [Bunny Fonts](https:\u002F\u002Ffonts.bunny.net\u002F) | Privacy-focused Google Fonts alternative, GDPR compliant with faster CDN |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Colors\n\n>Websites and resources that help with choices related to colors\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [PaletteForge](https:\u002F\u002Fpaletteforge.io) | Generate beautiful color palettes from different categories.\n| [Colorlab](https:\u002F\u002Fgetcolorlab.com) | Create color palette, gradients, color scales, check contrast all in one place.\n| [Color Brewer 2](https:\u002F\u002Fcolorbrewer2.org\u002F)| The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest. |\n| [Huetone](https:\u002F\u002Fgithub.com\u002Fardov\u002Fhuetone)| A tool to create accessible color systems. |\n| [Colormind.io](http:\u002F\u002Fcolormind.io)| Color palette generator |\n| [ColorCurves.app](https:\u002F\u002Fcolorcurves.app)| Color palette generator that uses curves to generate color palettes |\n| [ColorGradient](https:\u002F\u002Fcolorgradient.dev\u002F)| A free tool to create simple and complex CSS Gradients visually |\n| [Coolors](https:\u002F\u002Fcoolors.co)| Create the perfect palette or get inspired by thousands of beautiful color schemes |\n| [UI Colors](https:\u002F\u002Fuicolors.app\u002Fcreate) | Tailwind CSS color palette generator |\n| [HTML Color Codes](https:\u002F\u002Fhtmlcolorcodes.com\u002F)| Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names |\n| [Colors & Fonts](https:\u002F\u002Fwww.colorsandfonts.com\u002F)| A curated library of colors, fonts and resources |\n| [Palette List](https:\u002F\u002Fwww.palettelist.com\u002F)| Pick 2 colors you like and the tool generates thousands of palettes for you. |\n| [Google Material Color Tool](https:\u002F\u002Fmaterial.io\u002Fresources\u002Fcolor\u002F)| Official Google Material Color Palette Tool|\n| [Material Palette](https:\u002F\u002Fwww.materialpalette.com\u002F)| Free to pick palettes, icons and colors for Material Design|\n| [ColorSpace](https:\u002F\u002Fmycolor.space\u002F)| Generate nice color palettes from one color |\n| [FlatUIColors](https:\u002F\u002Fflatuicolors.com)| Beautiful set of color palettes in various flavors |\n| [Adobe Color](https:\u002F\u002Fcolor.adobe.com\u002Fcreate)| Create color palettes, extract gradients from images, etc. |\n| [Colorsinspo](https:\u002F\u002Fcolorsinspo.com\u002F) | All-in-one resource for finding everything about colors |\n| [ColorsWall](https:\u002F\u002Fcolorswall.com\u002F) | Place to store your color palettes and generate palette in one click |\n| [Happyhues](https:\u002F\u002Fwww.happyhues.co\u002F) | Happy Hues is a color palette inspiration site that acts as a real-world example as to how the colors could be used in your design projects by Mackenzie Child |\n| [Adobe Trends](https:\u002F\u002Fcolor.adobe.com\u002Ftrends)| Discover current color trends in different industries from the creative communities on Behance and Adobe Stock|\n| [Color Hunt](https:\u002F\u002Fcolorhunt.co\u002F)| A free and open platform for color inspiration with thousands of trendy hand-picked color palettes |\n| [Gradient Hunt](https:\u002F\u002Fgradienthunt.com\u002F)| A free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients |\n| [Web Gradients](https:\u002F\u002Fwebgradients.com\u002F)| A free website to find good CSS gradients |\n| [ColorBox](https:\u002F\u002Fwww.colorbox.io)| A free website to produce color set |\n| [CSS gradient](https:\u002F\u002Fcssgradient.io\u002F)| A free website to make custom gradient and some examples of gradient |\n| [gradienta](https:\u002F\u002Fgradienta.io\u002F)| A pure css and jpg gradients |\n| [UI Gradients](https:\u002F\u002Fuigradients.com\u002F)| UI gradients color generator |\n| [Palette Generator](https:\u002F\u002Fpalettegenerator.colorion.co\u002F)| Generate new color palette with every spacebar press |\n| [Material Palettes](https:\u002F\u002Fmaterial.colorion.co\u002F)| 1000+ Material Design palettes |\n| [Grabient](https:\u002F\u002Fwww.grabient.com\u002F) | Gradient Selector |\n| [ShadeSwash](https:\u002F\u002Fshadeswash.netlify.app\u002F) | Quickly generate shades of any color |\n| [BrandColors](http:\u002F\u002Fbrandcolors.net\u002F) | The biggest collection of official brand color codes  |\n| [BRAND PALETTES](https:\u002F\u002Fbrandpalettes.com\u002F) | Logo Color Codes and Palettes  |\n| [Material Design Palette Generator](http:\u002F\u002Fmcg.mbitson.com) | Generate theme and color palette Material Design-like |\n| [Colorate](https:\u002F\u002Fcolorate.azurewebsites.net\u002F) | Color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. |\n| [0to255](https:\u002F\u002Fwww.0to255.com\u002F) | A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more. |\n| [Color Blender](https:\u002F\u002Fmeyerweb.com\u002Feric\u002Ftools\u002Fcolor-blend) | A tool that shows the midpoint colors between two colors\n| [Gradient Buttons](https:\u002F\u002Fgradientbuttons.colorion.co\u002F) | Ready to use copy\u002Fpaste gradient buttons |\n| [Khroma](http:\u002F\u002Fkhroma.co\u002F) | Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save. |\n| [whocanuse](https:\u002F\u002Fwhocanuse.com) | A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.\n| [Colorable](https:\u002F\u002Fcolorable.jxnblk.com\u002F) | Color combination contrast tester |\n| [Color Hex Picker](https:\u002F\u002Fcolorhexpicker.com) | Tool to get hex code along with name of the color. |\n| [Saruwakakun](https:\u002F\u002Fsaruwakakun.com\u002Fen\u002Fcolor-ideas) | The stunning color scheme for website & App Designs with previews |\n| [Paletton](https:\u002F\u002Fpaletton.com\u002F)| Paletton.com is a designer color tool designed for creating color combinations that work together well.|\n| [Colorzilla](https:\u002F\u002Fwww.colorzilla.com\u002F) | A powerful online Photoshop-like CSS gradient editor |\n| [CSS Gradient Editor](https:\u002F\u002Fwww.cssgradienteditor.com) | You may only need this tool for creating CSS gradient backgrounds and patterns. |\n| [Image Color Picker](https:\u002F\u002Fimage-color.com\u002F) | Image color picker and palette generator |\n| [CombineCOLORS](https:\u002F\u002Fcombinecolors.com\u002F) | Color mixing tool |\n| [Color Lovers](https:\u002F\u002Fwww.colourlovers.com\u002Fpalettes) | It will show the color schemes which are popular in the outside world. |\n| [HTML CSS Color](https:\u002F\u002Fwww.htmlcsscolor.com\u002F) | Free online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc. |\n| [HEX Color Codes](https:\u002F\u002Fhexcolorcodes.org\u002F) | It gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names. |\n| [CoolHue 2.0](https:\u002F\u002Fwebkul.github.io\u002Fcoolhue\u002F) | A free tool that shows different gradient examples in CSS and PNG format |\n| [Colors.lol](https:\u002F\u002Fcolors.lol\u002F) | Interesting color palettes generated by a Twitter bot, there are hex codes and descriptive names for each color. |\n| [colors.dopely](https:\u002F\u002Fcolors.dopely.top\u002F) | Super-fast and simple color palette generator, palettes can be saved and shared in seconds. |\n| [UIColor Picker](https:\u002F\u002Fuicolorpicker.com\u002F) | A collection of UI Colors with hex codes available to be copied in just one click. |\n| [Color Hex](https:\u002F\u002Fwww.color-hex.com) | Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color. |\n| [FarbVelo](https:\u002F\u002Ffarbvelo.elastiq.ch\u002F) | A random color palette generator |\n| [Veranda Color](https:\u002F\u002Fverandacolor.com) | Browse color palettes made by other designers, generate and submit your own |\n| [Duo](https:\u002F\u002Fduo.alexpate.uk\u002F) | Duo is a collection of colour combinations that I’ve curated from personal projects or that I’ve come across on the web. |\n| [Lospec Palette List](https:\u002F\u002Flospec.com\u002Fpalette-list) | The Lospec Palette List is a database of palettes for pixel art. |\n| [Palettte App](https:\u002F\u002Fpalettte.app) | Build smooth color schemes that flow from one color to another. |\n| [Eggradients](https:\u002F\u002Fwww.eggradients.com\u002F) | Gradient Background Colors with eggs.|\n| [Gradientos](https:\u002F\u002Fwww.gradientos.app\u002F) | Find and test gradients easily. |\n| [Encycolorpedia](https:\u002F\u002Fencycolorpedia.com\u002F) | Website for referencing web colors. Color knowledge, Web colors, Hex color codes. |\n| [Croma](https:\u002F\u002Fchroma.dev\u002F) | Powerful color tools including an eyedropper, color picker, and palette generator. |\n| [Color Designer](https:\u002F\u002Fcolordesigner.io\u002Fgradient-generator) | A gradient generetor from one color. |\n| [Duotone](https:\u002F\u002Fduotone.shapefactory.co\u002F) | Find beautiful free duotone images to use in any project, or make custom duotone images by uploading your own image and applying a duotone effect in seconds. |\n| [coolbackgrounds generator](https:\u002F\u002Fcoolbackgrounds.io\u002F) | Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites. |\n| [Color Shades Generator](https:\u002F\u002Fmdigi.tools\u002Fcolor-shades\u002F) | We can quickly generate color shades of our favorite colors or any colors, to create templates or css components with multiple color shades and more useful tools available on same site |\n| [Huemint](https:\u002F\u002Fhuemint.com\u002F) | Huemint uses machine learning to create unique color schemes for your brand, website or graphic |\n| [InclusiveColors palette creator](https:\u002F\u002Fwww.inclusivecolors.com\u002F) | Create custom accessible Tailwind-style color palettes, where you can modify HSL curves across whole swatches, check WCAG\u002FAPCA contrast, then export to Tailwind\u002FCSS\u002FFigma\u002FAdobe |\n| [AiSeka](https:\u002F\u002Fwww.aiseka.com\u002F) | Discover Created the best Color Palette & Color Tools. |\n| [Volume](https:\u002F\u002Fwww.volumecolor.io\u002F) | 3D OKLCH color palette generator. |\n| [EnigmaEasel](https:\u002F\u002Fenigmaeasel.com) | AI color palette generator and gradient generator for creating accessible design systems with built-in contrast auditing and Tailwind exports. |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Icons\n\n>Resources for Icons including png, svg and more\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [Circum Icons](https:\u002F\u002Fcircumicons.com\u002F)| Consistant open source icons as SVG for React, Vue and Svelte |\n| [UXWing](https:\u002F\u002Fuxwing.com\u002F)| Well Optimized, Free icons for commercial use |\n| [Shapedfonts Iconclub](https:\u002F\u002Fshapedfonts.com\u002Ficonclub\u002F)| 8000+ free icons |\n| [Feather Icons](https:\u002F\u002Ffeathericons.com\u002F)| Beautiful, customizable open source icons |\n| [Tabler Icons](https:\u002F\u002Ftabler-icons.io\u002F)| 3500+ highly customizable open source SVG icons with React, Preact, Vue, Svelte and SolidJS support |\n| [Xicons](https:\u002F\u002Fwww.xicons.org\u002F#\u002F)| SVG Vue\u002FReact components integrated from fluentui-system-icons, ionicons, etc. (Vue3, Vue2, React, SVG). |\n| [Iconoir](https:\u002F\u002Ficonoir.com\u002F)| Free library of 900+ open source icons |\n| [Simple Icons](https:\u002F\u002Fsimpleicons.org\u002F)| 1307 Free SVG icons for popular brands |\n| [Linear Icons](https:\u002F\u002Flinearicons.com\u002Ffree)| 1000+ Ultra crisp vector icons |\n| [Icons8](https:\u002F\u002Ficons8.com\u002F)| Free icons, photos, vectors and tools |\n| [Flat Icon](https:\u002F\u002Fwww.flaticon.com\u002F)| The largest database of free icons in PNG, SVG, EPS, PSD and BASE 64 formats  |\n| [The Noun Project](https:\u002F\u002Fthenounproject.com\u002F)| Over 2 Million curated icons, created by a global community |\n| [Iconscout](https:\u002F\u002Ficonscout.com\u002F)| Free Download Icons illustrations stock photos at one place  |\n| [IconSear.ch](https:\u002F\u002Ficonsear.ch\u002Fsearch.html) | Search engine with over 50,000 SVG icons indexed |\n| [Nucleo App](https:\u002F\u002Fnucleoapp.com\u002F)| Nucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free & Paid) |\n| [Icon-icons.com](https:\u002F\u002Ficon-icons.com\u002F)| Free Icons PNG, ICO, ICNS and Vector file SVG  |\n| [Bootstrap Icons](https:\u002F\u002Ficons.getbootstrap.com\u002F)| Free Icons built for Bootstrap but they'll work in any project  |\n| [Remix Icon](https:\u002F\u002Fremixicon.com\u002F)| Simply Delightful Icon System |\n| [Iconmonstr](https:\u002F\u002Ficonmonstr.com\u002F) | Discover 4496+ free icons in 313 collections |\n| [Vivid.js](https:\u002F\u002Fwebkul.github.io\u002Fvivid\u002F)| Ready to use Free and Open Source SVG Icons Pack JavaScript Library. |\n| [Iconfinder](https:\u002F\u002Fwww.iconfinder.com\u002F)| Free and premium vector icons in SVG, PNG, CSH and AI format  |\n| [Lordicon](https:\u002F\u002Flordicon.com\u002Ficons#free) | 50 free animated interactive icons |\n| [UseAnimations](https:\u002F\u002Fuseanimations.com\u002F) | Free Animated Icons in SVG and Json Format(for lottie)  |\n| [css.gg](https:\u002F\u002Fcss.gg\u002F) | 700+ Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API |\n| [IconBros](https:\u002F\u002Fwww.iconbros.com) | 7843+ free icons grouped in 182 collections |\n| [Material Design Icons](https:\u002F\u002Fmaterialdesignicons.com\u002F) | An icon collection allowing designers and developers targeting various platforms to download icons in the format, color and size they need for any project. |\n| [Heroicons](https:\u002F\u002Fheroicons.dev\u002F) | Free, open source icons from the creators of Tailwind CSS. |\n| [Zondicons](https:\u002F\u002Fwww.zondicons.com\u002Ficons.html) | A set of free premium SVG icons for you to use on your digital products. |\n| [Endless Icons](http:\u002F\u002Fendlessicons.com\u002F) | A website offering a number of free icons. Icons are tagged and also compressed into kits. |\n| [Icomoon](https:\u002F\u002Ficomoon.io\u002Fapp\u002F) |Browse 5500+ Free Icons. Add any set you wish to easily browse and search its icons. |\n| [Eva Icons](https:\u002F\u002Fakveo.github.io\u002Feva-icons\u002F#\u002F) |Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. |\n| [Cryptoicons](http:\u002F\u002Fcryptoicons.co\u002F) | A set of 430 crypto and fiat currency icons. Completely free. |\n| [Ikonate](https:\u002F\u002Fikonate.com\u002F) | Fully customizable & accessible vector icons |\n| [appicon](https:\u002F\u002Fappicon.co\u002F)| Quickly generate app icons in different sizes for your IOS, macOS and Android projects|\n| [LineIcons](https:\u002F\u002Flineicons.com) | 2000+ Essential Line Icons for Designers and Developers |\n| [Evericons](https:\u002F\u002Fwww.figma.com\u002Fresources\u002Fassets\u002Fevericons-for-figma\u002F) | Evericons is a big pack of over 460 free icons designed by Aleksey Popov. |\n| [SVG Repo](https:\u002F\u002Fwww.svgrepo.com\u002F) | Download free SVG Vectors for commercial use. |\n| [Convertio](https:\u002F\u002Fconvertio.co\u002Fpng-svg\u002F) | Convert PNG files to SVG online & free. (One of the services provided by it.) |\n| [CSS ICON](https:\u002F\u002Fcssicon.space\u002F) | Icon set made with pure css code, no dependencies, \"grab and go\" icons |\n| [Unified icons](https:\u002F\u002Ficonify.design\u002F) |Thousands of icons, one unified framework. One library, over 40,000 vector icons. |\n| [System UIcons](https:\u002F\u002Fsystemuicons.com\u002F) |220+ icons in a growing collection. |\n| [IconPark](https:\u002F\u002Fgithub.com\u002Fbytedance\u002FIconPark) | Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons |\n| [Radix Icons](https:\u002F\u002Fwww.radix-ui.com\u002Ficons) |A crisp set of 15×15 icons designed by the Modulz team. All icons available as individual react component,SVG and more. |\n| [EOS Icons](https:\u002F\u002Ficons.eosdesignsystem.com\u002F) | A pixel-perfect, open source iconic font available as ligature and SVG. |\n| [Ionicons](https:\u002F\u002Fionicons.com) | Beautifully crafted open source icons for use in web, iOS, Android, and desktop apps. |\n| [Phosphor Icons](https:\u002F\u002Fphosphoricons.com) | Phosphor is a flexible icon family for interfaces, diagrams, presentations |\n| [Teeny Icons](https:\u002F\u002Fteenyicons.com\u002F) | TeenyIcons is a set icons in SVG format easy to use in html |\n| [Lucide](https:\u002F\u002Flucide.netlify.app\u002F) | Lucide is an open-source icon library, a fork of Feather Icons. |\n| [Icones](https:\u002F\u002Ficones.js.org\u002F) | Icon Explorer with Instant searching, powered by Iconify. |\n| [Shitty Icons](https:\u002F\u002Fshittyicons.com\u002F) | Collection of Free icons. |\n| [Iconspedia](https:\u002F\u002Fwww.iconspedia.com\u002F) | Iconspedia is a website that contains a large collection of high quality free icons. |\n| [iconhub](https:\u002F\u002Ficonhub.io\u002F) | Just practical stunning icons for everyone |\n| [3DICONS](https:\u002F\u002F3dicons.co) | Beautifully crafted open source 3D icons |\n| [IconsDb](https:\u002F\u002Fwww.iconsdb.com\u002F) | Free Custom Icons |\n| [Emoji Guide](https:\u002F\u002Femojiguide.org\u002F) | The collection of 3300 emojis with their HTML codes for easy use. |\n| [Unicorn Icons](https:\u002F\u002Funicornicons.com) | 100+ customizable playful animated icons. Available in JSON and SVG format. |\n| [Sargam Icons](https:\u002F\u002Fsargamicons.com\u002F) | A collection of 275+ open-source icons available for Figma, SVGs, and React. |\n| [Icon buddy](https:\u002F\u002Ficonbuddy.app\u002F) | A collection of 100K+ open-source SVG icons, fully customizable for designers and developers. |\n| [Round Icons](https:\u002F\u002Froundicons.com\u002F) | The world's biggest premium and free icon packs library of flat icons, line icons, filled outline, isometric and solid styles. |\n| [Vectopus](https:\u002F\u002Fvectopus.com) | Top curated collective resources for elite designers. |\n| [IconShelf](https:\u002F\u002Ficonshelf.com\u002F) | Access 250,000+ open-source SVG icons you can customize to fit any design or development project. |\n| [All SVG Icons](https:\u002F\u002Fallsvgicons.com\u002F) | Browse and download 250,000+ free SVG icons from 220 carefully curated icon libraries. |\n| [SVG to ICO](https:\u002F\u002Fsvg-to-ico.org) - A free, fast online tool to convert SVG images to ICO format for favicons and app icons. |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Logos\n\n>Resources for Logos\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [LogoSear.ch](https:\u002F\u002Flogosear.ch\u002Fsearch.html) | Search engine with over 200,000 SVG logos indexed |\n| [SVGPorn](https:\u002F\u002Fsvgporn.com) | 1000+ high-quality SVG logos |\n| [Payment System Logos](https:\u002F\u002Fgithub.com\u002Fmpay24\u002Fpayment-logos\u002F) | Logos for payment systems available in png and svg |\n| [Browser Logos](https:\u002F\u002Fgithub.com\u002Falrra\u002Fbrowser-logos\u002F) | High resolution web browser logos |\n| [VectorLogoZone](https:\u002F\u002Fwww.vectorlogo.zone\u002F) | Consistently formatted SVG logos |\n| [World Vector Logo](https:\u002F\u002Fworldvectorlogo.com\u002F)| Download vector logos of brands you love |\n| [Logo Maker](https:\u002F\u002Flogomakr.com\u002F)| Create custom logos |\n| [Free Logo Maker](https:\u002F\u002Fwww.namecheap.com\u002Flogo-maker\u002F)| Fast, All-in-One Logo Generator |\n| [LOGOwine](https:\u002F\u002Fwww.logo.wine\u002F)| Brand Logos Free Download in SVG Vector & PNG File Format |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Favicons\n\n>Resources for Favicons\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [FaviconForge](https:\u002F\u002Ffaviconforge.io\u002F)| Very simple favicon generator. Download in .ico and .png formats |\n| [Favicon.io](https:\u002F\u002Ffavicon.io\u002F)| Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats |\n| [Favicomatic](https:\u002F\u002Ffavicomatic.com\u002F)| Generate favicons of all the sizes and formats as well as the HTML code needed to support every possible browser or device |\n| [Favicon Generator](http:\u002F\u002Ftools.dynamicdrive.com\u002Ffavicon\u002F)| Generate favicon ico files for your website |\n| [RealFaviconGenerator](https:\u002F\u002Frealfavicongenerator.net\u002F)| Generate icons for all platforms (Windows, iOS, Android) |\n| [FontIcon](https:\u002F\u002Fgauger.io\u002Ffonticon\u002F)| Generate favicons and images from Font Awesome icons |\n| [Favicon.cc](https:\u002F\u002Fwww.favicon.cc) | Draw a favicon online and browse through a library of favicons made by other users |\n| [Maskable.app Editor](https:\u002F\u002Fmaskable.app\u002Feditor\u002F) | Generate maskable PWA icons based on your existing icon |\n| [Favicon Generator](https:\u002F\u002Ffavicon.inbrowser.app\u002F) | Generate website's favicon assets. SVG, maskable, image minified supported. Pure frontend. No privacy risk. Fast.|\n| [FaviFiles](https:\u002F\u002Ffavifiles.com\u002F)| Generate pixel-perfect favicons for free in seconds |\n\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Icon Fonts\n\n>Resources for Icon Fonts\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [Font Awesome](https:\u002F\u002Ffontawesome.com\u002F)| The web's most popular icon set and toolkit  |\n| [Line Awesome](https:\u002F\u002Ficons8.com\u002Fline-awesome)| Swap in replacement of Font Awesome with modern line icons |\n| [Material Icons](https:\u002F\u002Fmaterial.io\u002Fresources\u002Ficons\u002F)| Material design icon library |\n| [IonIcons](http:\u002F\u002Fionicons.com\u002F)| Beautifully crafted open source icons from Ionic team |\n| [Zurb Foundation Icons](https:\u002F\u002Fzurb.com\u002Fplayground\u002Ffoundation-icon-fonts-3)| Customizable Foundation icons |\n| [Fontisto Icons](https:\u002F\u002Ffontisto.com\u002F)| Fontisto the iconic font and css toolkit · 616+ free icons  |\n| [Boxicons](https:\u002F\u002Fboxicons.com\u002F)| Boxicons is a free collection of carefully crafted open source icons  |\n| [Icofont](https:\u002F\u002Ficofont.com\u002F)| 2100+ free icons to spice up your creative designs  |\n| [Material Palette](https:\u002F\u002Fwww.materialpalette.com\u002Ficons)| Free to pick palettes, icons and colors for Material Design |\n| [Material Design Iconic Font](http:\u002F\u002Fzavoloklom.github.io\u002Fmaterial-design-iconic-font\u002Findex.html) | Material design icon font |\n| [Vscode Codicons](https:\u002F\u002Fmicrosoft.github.io\u002Fvscode-codicons\u002Fdist\u002Fcodicon.html) | The icon font from Visual Studio Code |\n| [Devicon](https:\u002F\u002Fdevicon.dev) | Devicon is a set of icons representing programming languages, designing & development tools |\n| [PaymentFont](https:\u002F\u002Fgithub.com\u002FAlexanderPoellmann\u002FPaymentFont) | A sleek web font for payment operators and methods. Featuring 116 icons |\n| [Weather Icons](https:\u002F\u002Ferikflowers.github.io\u002Fweather-icons\u002F) | Weather Icons is the only icon font with 222 weather themed icons |\n| [Stroke 7](https:\u002F\u002Fthemes-pixeden.com\u002Ffont-demos\u002F7-stroke\u002Findex.html) | 202 thin stroke icons inspired by iOS 7 |\n| [Jam Icons](https:\u002F\u002Fjam-icons.com\u002F) | 890+ handcrafted icons to make your web app awesome |\n| [Fontello](http:\u002F\u002Ffontello.com\u002F)| 200+ web icons where you can customize the names or codes of icons. |\n| [Linea](https:\u002F\u002Flinea.io\u002F)| Linea: Featuring 750+ Free Icons |\n| [Unicons](https:\u002F\u002Ficonscout.com\u002Funicons)| A set of 1100+ Free line style icons available as web font, SVG icons, and as components for JS frameworks like React, Vue and React Native. |\n| [Mobirise Icons](https:\u002F\u002Fmobiriseicons.com\u002F)| A free, open source set of 150 elegant, pixel-perfect linear icons, available as web icon font and SVG icons. |\n| [Hero Icons](https:\u002F\u002Fheroicons.dev\u002F)| Free Open Source Svg Icon Library |\n| [React Icons](https:\u002F\u002Freact-icons.github.io\u002Freact-icons\u002F)| An Open Source and free Svg Icon Library, it is a collection of your favorite icon libraries like Font Awesome and Material Icons to provide you with a wide range of SVG icons to choose from.  |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Stock Photos\n\n>Websites that offer free stock photos of all kinds for your websites and apps\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [Pexels](https:\u002F\u002Fwww.pexels.com\u002F)| Free stock photos shared by talented creators |\n| [Unsplash](https:\u002F\u002Funsplash.com\u002F)| The internet’s source of freely usable images\n| [Pixabay](https:\u002F\u002Fpixabay.com\u002F)| Over 1.7 million+ high-quality stock images and videos |\n| [Magdeleine](https:\u002F\u002Fmagdeleine.co\u002F)| Gallery & free high-resolution photo everyday |\n| [Picspree](https:\u002F\u002Fpicspree.com)| Royalty free images, stock photos, illustrations, and vectors |\n| [Burst](https:\u002F\u002Fburst.shopify.com\u002F)| Free stock photos collections |\n| [Gratisography](https:\u002F\u002Fgratisography.com\u002F)| Free collection of free high-resolution pictures |\n| [Life of Pix](https:\u002F\u002Fwww.lifeofpix.com\u002F)| Free high-resolution photography |\n| [Stock Snap](https:\u002F\u002Fstocksnap.io\u002F)| Hundreds of high quality photos added weekly |\n| [Morguefile](https:\u002F\u002Fmorguefile.com\u002F)| Over 350,000 free stock photos for commercial use |\n| [Kaboom Pics](https:\u002F\u002Fkaboompics.com\u002F)| Stock photography and color palettes. Good for product images |\n| [New Old Stock](https:\u002F\u002Fnos.twnsnd.co\u002F)| Stock vintage photos |\n| [Pic Jumbo](https:\u002F\u002Fpicjumbo.com\u002F)| Good collections of different types of photos |\n| [Public Domain Pictures](https:\u002F\u002Fwww.publicdomainpictures.net\u002Fen\u002F)| Public domain images of all types |\n| [Find A Photo](https:\u002F\u002Fwww.chamberofcommerce.org\u002Ffindaphoto\u002F)| Searches multiple stock photo websites |\n| [Stockvault](http:\u002F\u002Fwww.stockvault.net\u002F)| Categorized stock photos |\n| [Placeholder](https:\u002F\u002Fplaceholder.com\u002F)| A free image placeholder service for the web. You can specify image size and format |\n| [Realistic Shots](https:\u002F\u002Frealisticshots.com\u002F)| Free high-resolution stock photos |\n| [Negative Space](https:\u002F\u002Fnegativespace.co\u002F)| High-Resolution Free Stock Photos |\n| [SkitterPhoto](https:\u002F\u002Fskitterphoto.com\u002F)| Free high-resolution photography |\n| [PicoGraphy](https:\u002F\u002Fpicography.co\u002F)| Gorgeous, High-Resolution, Free Photos |\n| [Wunder Stock](https:\u002F\u002Fwunderstock.com\u002F)| Stunningly amazing free photos |\n| [PxHere](https:\u002F\u002Fpxhere.com\u002F)| Free Images & Free stock photos - PxHere |\n| [Piqsels](https:\u002F\u002Fpiqsels.com\u002F)| Royalty Free Stock Photos |\n| [FoodiesFeed](https:\u002F\u002Fwww.foodiesfeed.com\u002F)| Food photo stock |\n| [Nappy](https:\u002F\u002Fwww.nappy.co\u002F)| A website offering Beautiful, high-res photos of black and brown people.|\n| [Generated Photos](https:\u002F\u002Fgenerated.photos\u002F)| Unique AI Generated model photos|\n| [Reshot](https:\u002F\u002Fwww.reshot.com\u002F)| Uniquely free photos. Handpicked, non-stocky images.\n| [Free Images](https:\u002F\u002Fwww.freeimages.com\u002F)| Find and download free stock photos - all free for personal and commercial use|\n| [Lorem Picsum](https:\u002F\u002Fpicsum.photos\u002F)| An easy to use API to get beautiful placeholder images. Size and other parameters can be specified. |\n| [scienceimage](https:\u002F\u002Fwww.scienceimage.csiro.au) | An image library specializing in science and nature images |\n| [Integration & Application Network Image Library](https:\u002F\u002Fian.umces.edu\u002Fimagelibrary) | Free images to provide scientists, resource managers, government agencies, community groups and graphics professionals with a resource for enhancing science communication. |\n| [Saxifraga](http:\u002F\u002Fwww.freenatureimages.eu) | Free nature images |\n| [Creative Commons](https:\u002F\u002Fsearch.creativecommons.org) | Search for free images to reuse.\n| [AllTheFreeStock](https:\u002F\u002Fallthefreestock.com\u002F) | a curated list of free stock images, audio and videos.\n| [Lorem.space - Placeholder image generator](https:\u002F\u002Florem.space) | API for placeholder images but useful! |\n| [Openverse](https:\u002F\u002Fwordpress.org\u002Fopenverse\u002F) | Openverse is a search engine for openly-licensed media |\n| [ISO Republic](https:\u002F\u002Fisorepublic.com\u002F) | Get Thousands of Free High-Resolution Stock CC0 Photos |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Stock Videos\n\n>Websites that offer free stock videos of all kinds for your websites and apps\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [Pexels](https:\u002F\u002Fwww.pexels.com\u002Fvideos)| Largest library of free to use videos, donated by the community |\n| [Pixabay](https:\u002F\u002Fwww.pixabay.com\u002Fvideos)| Large library of free to use videos, donated by the community similar to Pexels |\n| [Coverr.co](https:\u002F\u002Fcoverr.co\u002F)| Beautiful free stock video footage |\n| [Videezy](https:\u002F\u002Fwww.videezy.com\u002F)| Free HD stock footage & 4K videos |\n| [Mix Kit](https:\u002F\u002Fmixkit.co\u002F)| Stock video clips & music |\n| [Life Of Vids](https:\u002F\u002Fwww.lifeofvids.com\u002F)| Free video clips and loops |\n| [Videvo](https:\u002F\u002Fwww.videvo.net\u002Fstock-video-footage\u002F)| Free and premium stock videos |\n| [Loopvidz](http:\u002F\u002Fstock.loopvidz.com\u002F)| Free To Use Cinema graphs Created With VIMAGE App |\n| [SplitShire](https:\u002F\u002Fwww.splitshire.com\u002F)| Beautiful & exclusive free stock videos & photos |\n| [Free-Stock-Video](https:\u002F\u002Ffree-stock.video)| Free Footage Stock Videos |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Stock Music & Sound Effects\n\n>Websites that offer free stock music and\u002For sound effects\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [YouTube Studio Audio Library](https:\u002F\u002Fwww.youtube.com\u002Faudiolibrary)| Royalty-free audio library for downloadable music and sound effects. Cleared for YouTube monetization. |\n| [Free Stock Music](https:\u002F\u002Fwww.free-stock-music.com\u002F)| Royalty free stock music for YouTube videos, podcasts, etc |\n| [Bensound](https:\u002F\u002Fwww.bensound.com\u002F)| Download Royalty Free Music for free and use it in your project |\n| [Mixkit](https:\u002F\u002Fmixkit.co\u002Ffree-stock-music\u002F)| Free music for your projects |\n| [Freesound](https:\u002F\u002Ffreesound.org\u002F)| Free stock music and sounds |\n| [Free Music Archive](https:\u002F\u002Ffreemusicarchive.org\u002F)|  Collaborative database of creative-commons licensed sound for musicians and sound lovers  |\n| [Musopen](https:\u002F\u002Fmusopen.org\u002Fmusic\u002F)| An online copyright free classical music library |\n| [Pixabay](https:\u002F\u002Fpixabay.com\u002Fmusic\u002F)| Free music downloads for your project like Youtube videos, Music, Vlog, Film, Podcast etc. |\n| [Unminus](https:\u002F\u002Fwww.unminus.com\u002F)| Free Premium Music for Your Projects 🎁 Royalty Free. Cleared for YouTube. |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Vectors & Clip Art\n\n>Free vectors, clipart, illustrations, patterns and more\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [PNGFree.ai](https:\u002F\u002Fpngfree.ai\u002F)| PNGFree.ai offers millions of high-quality Free PNG images |\n| [Vecteezy](https:\u002F\u002Fwww.vecteezy.com\u002F)| Find and download free vector art |\n| [Freepik](https:\u002F\u002Fwww.freepik.com)| Free vectors, stock photos, PSD and icons |\n| [Free Vectors](https:\u002F\u002Fwww.freevectors.net\u002F)| Community of vector lovers who share free vector graphics |\n| [PNGTree](https:\u002F\u002Fpngtree.com\u002Ffree-vectors)| png, backgrounds, templates, text effects |\n| [Vector4Free](https:\u002F\u002Fwww.vector4free.com\u002F)| Free vector graphics |\n| [Freeble](http:\u002F\u002Ffreebbble.com\u002F)| Vectors, patterns, mockups and more |\n| [Lukaszadam](https:\u002F\u002Flukaszadam.com\u002F)| Free Vector artworks |\n| [Illlustrations](https:\u002F\u002Filllustrations.co\u002F)| Beautiful 100 Illustrations - png, svg |\n| [Clipart](https:\u002F\u002Fwww.clipart.email\u002F)| Choose great clipart, png, coloring pages, drawings and more for your projects from the free collection! |\n| [Growwwkit illustrations](https:\u002F\u002Fgrowwwkit.com\u002Fillustrations\u002Fphonies)| A set of 8 simple, black & white, stylish illustrations |\n| [trianglify.io](https:\u002F\u002Ftrianglify.io\u002F) | Generate low-poly backgrounds, textures, and vectors |\n| [blob](https:\u002F\u002Fblobs.app\u002F) | Generate Blob shapes for Web and Flutter apps |\n| [HiClipart](https:\u002F\u002Fwww.hiclipart.com\u002F)| A community for designers to share & download transparent background PNG cliparts |\n| [Stories by Freepik](https:\u002F\u002Fstories.freepik.com\u002F) | A collection of free and customizable illustrations for projects |\n| [Black Illustrations](https:\u002F\u002Fwww.blackillustrations.com\u002F) | Beautiful illustrations of black people (free and premium) |\n| [Delesign](https:\u002F\u002Fdelesign.com\u002Ffree-designs\u002Fgraphics) | A collection of free illustrations and more |\n| [Custom Shape Dividers](https:\u002F\u002Fwww.shapedivider.app\u002F) | Free tool to make it easier for designers and developers to export a beautiful SVG shape divider |\n| [Servier Medical Art](https:\u002F\u002Fsmart.servier.com) | 3000 free medical images to illustrate your publications and PowerPoint presentations |\n| [Clker](http:\u002F\u002Fwww.clker.com) | Free clip art you can use for anything you like |\n| [SVG wave](https:\u002F\u002Fsvgwave.in\u002F) | A free, & customizable gradient 🌈 SVG wave generator for UI designs . |\n| [BGjar](https:\u002F\u002Fbgjar.com) |Free svg background generator for your websites, blogs and app. |\n| [Heritage Library](https:\u002F\u002Fwww.heritagetype.com\u002Fcollections\u002Ffree-vintage-illustrations) | Vintage Illustrations (vector and png) |\n| [ROBOHASH](https:\u002F\u002Frobohash.org\u002F) | Generate unique images from any text |\n| [Tabbied](https:\u002F\u002Ftabbied.com\u002F) | Create and customize minimally generated patterns\u002Fartwork to use for background images, print and other projects. |\n| [Haikei](https:\u002F\u002Fapp.haikei.app\u002F) | An awesome multishape web app. |\n| [Vector](https:\u002F\u002Fvector.ma\u002F) | Awesome website for all kinds of Moroccan vectors. |\n| [Heazy](https:\u002F\u002Fapp.heazy.studio\u002F) | Unique vector assets within seconds. |\n| [Mossaik](https:\u002F\u002Fmossaik.app\u002F) | Free SVG generator with different tools, waves, tiles, blobs, and more. |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## Product & Image Mockups\n\n>Create mockups of devices and other products\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [MockCity](https:\u002F\u002Fmockcity.com\u002F)| 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. |\n| [Smart Mockups](https:\u002F\u002Fsmartmockups.com\u002F)| Create stunning product mockups (free & premium) |\n| [Media Modifier](https:\u002F\u002Fmediamodifier.com\u002F)| beautiful design mockups service for your products (free & premium) |\n| [Shot Snap](https:\u002F\u002Fshotsnapp.com\u002F)| Create beautiful device mockup images for your app or website design |\n| [Screely](https:\u002F\u002Fwww.screely.com\u002F)| Instantly turn your screenshot into a mockup |\n| [Screenshot.rocks](https:\u002F\u002Fscreenshot.rocks\u002F)| Create beautiful browser & mobile mockups in seconds |\n| [Screen Peak](https:\u002F\u002Fscreenpeek.io\u002F)| Create a mockup from a URL |\n| [Mockup World](https:\u002F\u002Fwww.mockupworld.co\u002F)| The biggest source of free photo-realistic Mockups online |\n| [Collab Shot](https:\u002F\u002Fwww.collabshot.com\u002F)| Real-time screen grabs and image sharing |\n| [Facebook Devices](https:\u002F\u002Ffacebook.design\u002Fdevices)| Images and Sketch files of popular devices  |\n| [Threed.io](https:\u002F\u002Fthreed.io)| Generate 3D mockups right in your browser. |\n| [Mockuphone](https:\u002F\u002Fmockuphone.com\u002F)| 100% free mockups for all devices including IOS, Android, Windows Phone, Laptop & Desktop and TV |\n| [Device Shots](https:\u002F\u002Fdeviceshots.com\u002F)| Create high-resolution device mockups for social media, for free |\n| [Clean Mock](https:\u002F\u002Fcleanmock.com\u002F)| Create stunning mockups using latest device frames like iPhone X & custom backgrounds that make your mobile or website design standout, right from your browser quickly & for free. |\n| [Mock.Video](https:\u002F\u002Fwww.mock.video\u002F)| Instantly create mockups by adding a device frame to your videos. |\n| [MockupBro](https:\u002F\u002Fmockupbro.com\u002F)| Create product mockups with online mockup generator! Just choose a mockup, upload your design and download your image without a watermark. |\n| [Animockup](https:\u002F\u002Fgithub.com\u002Falyssaxuu\u002Fanimockup)| Create animated mockups in the browser 🔥. |\n| [Heroshot](https:\u002F\u002Fgithub.com\u002Fomachala\u002Fheroshot)| Automate documentation screenshots with visual element picker and theme-aware output |\n| [Pika](https:\u002F\u002Fpika.style)| Instantly create browser mockups and beautiful images for marketing, blog post and more |\n| [Lunacy](https:\u002F\u002Ficons8.com\u002Flunacy)| Create mockups from scratch for free  |\n| [Podifai Mockup Generator](https:\u002F\u002Fpodifai.com\u002Ftools\u002Fmockup-generator)| Free online 3D mockup generator for product photos, branding, and e-commerce. No signup required |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## HTML & CSS Templates\n\n>Websites that offer free beautiful website templates and themes of all types\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [HTML5Up](https:\u002F\u002Fhtml5up.net\u002F)| Very modern, unique responsive HTML5\u002FCSS3 themes |\n| [Templatemo](https:\u002F\u002Ftemplatemo.com\u002F)| Minimal, resume, gallery themes and more |\n| [FreeHTML5](https:\u002F\u002Ffreehtml5.co\u002F)| Free & premium HTML5 and Bootstrap themes |\n| [StyleShout](https:\u002F\u002Fwww.styleshout.com\u002Ffree-templates\u002F)| Brilliantly crafted free website templates |\n| [Start Bootstrap](https:\u002F\u002Fstartbootstrap.com\u002F)| Bootstrap starter themes |\n| [ThemeWagon](https:\u002F\u002Fthemewagon.com\u002Ftheme-price\u002Ffree\u002F)| Collection of HTML5 Bootstrap templates from different categories |\n| [Colorlib](https:\u002F\u002Fcolorlib.com\u002Fwp\u002Ftemplates\u002F)| Almost any category of theme you can think of |\n| [Free CSS](https:\u002F\u002Fwww.free-css.com\u002Ffree-css-templates)| Huge collection of free templates |\n| [Hubspot](https:\u002F\u002Fwww.hubspot.com\u002Fresources)| Templates, infographics, banners and much more|\n| [Mobirise](https:\u002F\u002Fmobirise.com\u002Fhtml-templates\u002F)| Great looking HTML5\u002FCSS3 templates|\n| [Bootswatch](https:\u002F\u002Fbootswatch.com\u002F)| Free themes for Bootstrap|\n| [Onepagelove](https:\u002F\u002Fonepagelove.com\u002F)| One-page websites, templates and resources|\n| [Themes For App](https:\u002F\u002Fthemesfor.app\u002F)| Free Bootstrap themes and landing pages|\n| [BootstrapTaste](https:\u002F\u002Fbootstraptaste.com\u002F)| Premium & Free Bootstrap Templates|\n| [BootstrapMade](https:\u002F\u002Fbootstrapmade.com\u002F)| Elegant, clean and beautiful free templates using Bootstrap. |\n| [W3Layouts](https:\u002F\u002Fw3layouts.com\u002F)| W3Layouts: 3784+ Free Website Templates for 2020 |\n| [Tooplate](https:\u002F\u002Fwww.tooplate.com\u002F)| Tooplate: Free HTML Templates for everyone! |\n| [Cruip](https:\u002F\u002Fcruip.com\u002Ffree-templates\u002F)| Fully coded HTML templates to help you easily build your startup landing page without hassles. |\n| [UIdeck](https:\u002F\u002Fuideck.com\u002F) | Free Landing Page Templates and Bootstrap Themes |\n| [Splawr](https:\u002F\u002Fsplawr.com\u002F) | Free web templates to kickstart your idea! |\n| [W3css_templates](https:\u002F\u002Fwww.w3schools.com\u002Fw3css\u002Fw3css_templates.asp) | Some responsive W3.CSS website templates for you to use. |\n| [All-Free-Download](https:\u002F\u002Fall-free-download.com\u002Ffree-website-templates\u002Ffree-html-css-templates.html) | Download free-website-templates |\n| [mashup-template](http:\u002F\u002Fwww.mashup-template.com\u002Ftemplates.html)| HTML5\u002FCSS3 Free Templates |\n| [Sneat Bootstrap 5 HTML Admin Template](https:\u002F\u002Fgithub.com\u002Fthemeselection\u002Fsneat-html-admin-template-free)| Open-source & Easy to us Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.|\n| [HTMLrev](https:\u002F\u002Fhtmlrev.com) | Free beautiful HTML5 templates and landing pages |\n| [Horizon UI](https:\u002F\u002Fhorizon-ui.com\u002F) | Trendiest open source Admin Template for React |\n| [KeenThemes](https:\u002F\u002Fkeenthemes.com\u002F) | Free and Pro Html\u002FCss3, Bootstrap5, Vue, React, Laravel templates |\n| [ScrewFast](https:\u002F\u002Fgithub.com\u002Fmearashadowfax\u002FScrewFast) | Open-source Astro website template with sleek, customizable TailwindCSS components |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## CSS Frameworks\n\n>CSS\u002FUI frameworks to help build great looking websites and applications\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F)| Low level, utility-first framework |\n| [Bootstrap](https:\u002F\u002Fgetbootstrap.com\u002F)| Popular UI framework with tons of components that use both CSS and JS |\n| [Materialize](https:\u002F\u002Fmaterializecss.com\u002F)| A modern responsive front-end framework based on Material Design |\n| [Material Design Lite](https:\u002F\u002Fgetmdl.io\u002F)| Light framework based on Material Design. No JS dependency |\n| [Bulma](https:\u002F\u002Fbulma.io\u002F)| Modern CSS framework with no JS |\n| [Skeleton](http:\u002F\u002Fgetskeleton.com\u002F)| Extremely light framework for basic UI elements |\n| [Uniform CSS](https:\u002F\u002Funiformcss.com\u002F)| Fully configurable utility generator and CSS framework built entirely in Sass |\n| [Semantic UI](https:\u002F\u002Fsemantic-ui.com\u002F)| Empowers designers and developers by creating a shared vocabulary for UI  |\n| [Fomantic UI](https:\u002F\u002Ffomantic-ui.com\u002F)| A community fork of Semantic-UI |\n| [Foundation](https:\u002F\u002Fget.foundation\u002F)| Mobile first framework with clean markup |\n| [Pure CSS](https:\u002F\u002Fpurecss.io\u002F)| A set of small, responsive CSS modules |\n| [UIKit](https:\u002F\u002Fgetuikit.com\u002F)| Lightweight and modular front-end framework |\n| [Susy](https:\u002F\u002Fwww.oddbird.net\u002Fsusy\u002F)| Lightweight, grid-layout engine for Sass |\n| [Milligram.io](https:\u002F\u002Fmilligram.io\u002F)| Minimalist CSS framework |\n| [Vanilla Framework](https:\u002F\u002Fvanillaframework.io\u002F)| Simple, extensible CSS framework written in Sass |\n| [Spectre CSS](https:\u002F\u002Fpicturepan2.github.io\u002Fspectre\u002F)| Lightweight, modern CSS framework |\n| [Picnic CSS](https:\u002F\u002Fpicnicss.com\u002F)| Lightweight and beautiful library |\n| [Wing](https:\u002F\u002Fkbrsh.github.io\u002Fwing\u002F)| A beautiful CSS framework designed for minimalists  |\n| [Chota](https:\u002F\u002Fjenil.github.io\u002Fchota\u002F)| A micro (~3kb) CSS framework  |\n| [Blueprint CSS](https:\u002F\u002Fblueprintcss.dev\u002F)| A lightweight layout library for building great responsive mobile first UIs that work everywhere  |\n| [W3.CSS](https:\u002F\u002Fwww.w3schools.com\u002Fw3css\u002F) | A modern CSS framework with support for desktop, tablet, and mobile design by default. Designed to be independent of jQuery or any other JavaScript library  |\n| [98.css](https:\u002F\u002Fjdan.github.io\u002F98.css\u002F)| A design system for building faithful recreations of old UIs  |\n| [NES CSS](https:\u002F\u002Fnostalgic-css.github.io\u002FNES.css\u002F)| NES-style CSS Framework  |\n| [Shoelace.css](https:\u002F\u002Fwww.shoelace.style\u002F)| Lightweight, forward-thinking CSS library built with future CSS syntax |\n| [MVP.css](https:\u002F\u002Fandybrewer.github.io\u002Fmvp\u002F) | A minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and you're done |\n| [Blaze.css](http:\u002F\u002Fblazecss.com\u002F) | Open source modular CSS toolkit providing great structure for building websites quickly  |\n| [Turret CSS](https:\u002F\u002Fturretcss.com\u002F) | Turret CSS is a styles framework for development of responsive websites.  |\n| [Cutestrap](https:\u002F\u002Fwww.cutestrap.com\u002F) | A strong, independent CSS Framework. |\n| [XP.css](https:\u002F\u002Fbotoxparty.github.io\u002FXP.css\u002F) | XP.css is an extension of 98.css. A CSS library for building interfaces that look like old UIs. |\n| [Framework7](https:\u002F\u002Fframework7.io\u002F) | Framework7 - is a free and open source framework to develop mobile, desktop or web apps with native look and feel. |\n| [Hint.css](https:\u002F\u002Fkushagra.dev\u002Flab\u002Fhint\u002F) | A pure CSS tooltip library for your lovely websites. |\n| [imagehover.io](http:\u002F\u002Fimagehover.io\u002F) | Pure CSS Image Hover Effect Library |\n| [mini.css](https:\u002F\u002Fminicss.org\u002F) | A minimal, responsive, style-agnostic CSS framework |\n| [Tachyons](https:\u002F\u002Ftachyons.io\u002F) | Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible. |\n| [Material Bootstrap](https:\u002F\u002Ffezvrasta.github.io\u002Fbootstrap-material-design\u002F) | Material Design with Bootstrap |\n| [Ivory](https:\u002F\u002Fgithub.com\u002FIVORY-UI\u002Fivory) | A modern CSS framework for developing powerful web interfaces faster and easier |\n| [Halfmoon UI](https:\u002F\u002Fwww.gethalfmoon.com\u002F)| A responsive and lightweight framework, designed for quickly building beautiful dashboards and product pages. |\n| [Metro 4](https:\u002F\u002Fmetroui.org.ua\u002Findex.html)| Create your site quickly and effectively with Metro 4. impressive components library built on html, css, javascript. |\n| [css-doodle](https:\u002F\u002Fcss-doodle.com\u002F) | A web component for drawing patterns with CSS |\n| [latex.css](https:\u002F\u002Flatex.now.sh\u002F) | Make your website look like a LaTeX document |\n| [Paper CSS](https:\u002F\u002Fgithub.com\u002Fcognitom\u002Fpaper-css) | Front-end printing solution |\n| [Windi CSS](https:\u002F\u002Fwindicss.org\u002F) | Next generation compiler for Tailwind CSS |\n| [Cirrus CSS](https:\u002F\u002Fcirrus-ui.netlify.app\u002F) | A component and utility centric SCSS framework designed for rapid prototyping. |\n| [Gutenberg](https:\u002F\u002Fgithub.com\u002FBafS\u002FGutenberg) | Modern framework to print the web correctly. |\n| [lit](https:\u002F\u002Fgithub.com\u002Fajusa\u002Flit) | World's smallest responsive fire css framework (395 bytes). |\n| [Arwes](https:\u002F\u002Fgithub.com\u002Farwes\u002Farwes) | Arwes is a web framework to build user interfaces based on futuristic science fiction designs, animations, and sound effects. |\n| [Bojler](https:\u002F\u002Fbojler.slicejack.com\u002F) | Bojler is an email framework for developing responsive and lightweight email templates that will render correctly across each of the most popular email clients. |\n| [Tacit](https:\u002F\u002Fgithub.com\u002Fyegor256\u002Ftacit) | Primitive CSS Framework for dummies, without classes. |\n| [Terminal CSS](https:\u002F\u002Fterminalcss.xyz\u002F) | A modern and minimal CSS framework for terminal lovers. |\n| [Sakura](https:\u002F\u002Foxal.org\u002Fprojects\u002Fsakura\u002F) | A minimal classless css framework \u002F theme. |\n| [DAUB](https:\u002F\u002Fdaub.dev\u002F) | Considered CSS component library — 73 components, 20 theme families, classless mode, AI-ready with llms.txt and MCP server. Zero build step |\n| [PSone](https:\u002F\u002Fgithub.com\u002Fmicah5\u002FPSone.css) | PS1 style CSS Framework, inspired by NES.css. |\n| [Marx](https:\u002F\u002Fgithub.com\u002Fmblode\u002Fmarx) | Marx is the classless CSS reset to be used in any projects (namely small ones). |\n| [Tufte](https:\u002F\u002Fgithub.com\u002Fedwardtufte\u002Ftufte-css) | Style your webpage like Edward Tufte’s handouts. |\n| [Axentix](https:\u002F\u002Fuseaxentix.com\u002F) | Axentix is an open source Framework based on CSS Grid using HTML, CSS and JS. |\n| [Raster Simple Grid System](https:\u002F\u002Frsms.me\u002Fraster\u002F) | Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS. |\n| [flowrift](https:\u002F\u002Fflowrift.com\u002Fc\u002Fbanner) | Flowrift is a library made of beautifully designed Tailwind CSS UI blocks. |\n| [twind](https:\u002F\u002Ftwind.dev\u002F) | The smallest, fastest, most feature complete tailwind-in-js solution in existence |\n| [Pico.css](https:\u002F\u002Fpicocss.com\u002F) | Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled. |\n| [clay.css](https:\u002F\u002Fgithub.com\u002FcodeAdrian\u002Fclay.css) | Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components. |\n| [BeerCSS](https:\u002F\u002Fwww.beercss.com) | Build Material Design interfaces in record time, without stress for devs 🍻. The first CSS framework that implements Material Design 3. |\n| [UnoCSS](https:\u002F\u002Funocss.dev\u002F) | UnoCSS is the instant atomic CSS engine, that is designed to be flexible and extensible. The core is un-opinionated, and all the CSS utilities are provided via presets. |\n| [StyleX](https:\u002F\u002Fstylexjs.com\u002F) | StyleX is a simple, easy-to-use JavaScript syntax and compiler for styling web apps. |\n| [Orbit](https:\u002F\u002Fgithub.com\u002Fzumerlab\u002Forbit) | Orbit is the first CSS framework for creating simple or complex radial interfaces. |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## CSS Methodologies\n\n>CSS methodologies to help write modular, reusable and scalable code\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [OOCSS](http:\u002F\u002Foocss.org\u002F) | OOCSS concepts help us write components that are flexible, modular and interchangeable. |\n| [Atomic CSS](https:\u002F\u002Facss.io\u002F) | Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function. |\n| [BEM](http:\u002F\u002Fgetbem.com\u002F) | Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development. |\n| [SMACSS](http:\u002F\u002Fsmacss.com\u002F) | SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. |\n| [CUBE](https:\u002F\u002Fcube.fyi\u002F) | CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency. |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fdiv>\n\n## CSS Animations\n\n>CSS animations to build awesome animations for websites and applications\n\n| Website                            | Description |\n| ----------------------- | ------------------ |\n| [Gradienty Animations](https:\u002F\u002Fgradienty.codes\u002Fanimations)| Over 600+ Curated Animations ready to copy & paste. |\n| [Animate.css](https:\u002F\u002Fanimate.style\u002F)| Just-add-water CSS animations |\n| [Bounce.js](http:\u002F\u002Fbouncejs.com\u002F)| Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations  |\n| [Anime.js](https:\u002F\u002Fanimejs.com\u002F)| Anime.js (\u002Fˈæn.ə.meɪ\u002F) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects  |\n| [Magic Animations](https:\u002F\u002Fwww.minimamente.com\u002Fproject\u002Fmagic\u002F)| Animations has been one of the most impressive animation libraries available |\n| [Zdog](https:\u002F\u002Fzzz.dog\u002F)| Round, flat, designer-friendly pseudo-3D engine for canvas & SVG |\n| [CSShake](http:\u002F\u002Felrumordelaluz.github.io\u002Fcsshake\u002F)| CSShake delivers exactly what it says on the box — a CSS library designed specifically for shaking elements within your web page  |\n| [Hover.css](http:\u002F\u002Fianlunn.github.io\u002FHover\u002F)| Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website  |\n| [AniJS](http:\u002F\u002Fanijs.github.io\u002F)| AniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure  |\n| [Animista](http:\u002F\u002Fanimista.net\u002F)| CSS Animations On Demand |\n| [Tachyons-animate](https:\u002F\u002Fgithub.com\u002Fanater\u002Ftachyons-animate)| Tachyons itself is an atomic CSS library with a ton of utility classes for essentially designing anything by adding classes to what you need   |\n| [Sequence.js](https:\u002F\u002Fwww.sequencejs.com\u002F)| Sequence.js is a JavaScript library that provides a responsive CSS framework for creating unique sliders, presentations, banners, and other step-based applications |\n| [Infinite](https:\u002F\u002Ftilomitra.github.io\u002Finfinite\u002F)| These animations, like rotations and pulses, that are specifically designed to run and repeat forever |\n| [OBNOXIOUS.CSS](http:\u002F\u002Ftholman.com\u002Fobnoxious\u002F)| Animations for the strong of heart, and weak of mind |\n| [MOTION UI](https:\u002F\u002Fzurb.com\u002Fplayground\u002Fmotion-ui)| A Sass library for creating flexible CSS transitions and animations |\n| [Keyframes.app](https:\u002F\u002Fkeyframes.app\u002F)| A graphical user interface for generating custom CSS keyframe animations |\n| [thoughtbot](https:\u002F\u002Fthoughtbot.com\u002Fblog\u002Ftransitions-and-transforms)| CSS Transitions and Transformations for Beginners |\n| [SVG Artista](https:\u002F\u002Fsvgartista.net\u002F)| A useful tool to animate stroke and fill properties in SVG images with plain CSS code |\n| [AnimXYZ](https:\u002F\u002Fanimxyz.com\u002F)| AnimXYZ helps you create, customize, and compose animations for your website. Built for Vue, React, SCSS, and CSS |\n| [Whirl](https:\u002F\u002Fgithub.com\u002Fjh3y\u002Fwhirl)| CSS loading animations with minimal effort! |\n| [Hamburgers](https:\u002F\u002Fjonsuh.com\u002Fhamburgers\u002F)| Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. |\n| [CSS Loaders & Spinners](https:\u002F\u002Fcssloaders.github.io\u002F)| This is a library having a collection of different types of CSS loaders, spinners |\n| [Motion One](https:\u002F\u002Fmotion.dev\u002F)| A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance. |\n| [pocoloco](https:\u002F\u002Fpocoloco.io\u002F)| Generate dynamic backgrounds for your website |\n| [AniX](https:\u002F\u002Fadajuly.github.io\u002FAniX\u002F)| Super easy and lightweight css animation library. |\n| [AOS](https:\u002F\u002Fmichalsnik.github.io\u002Faos\u002F) | Animate On Scroll Library. |\n| [Animatopy](https:\u002F\u002Fsarthology.github.io\u002FAnimatopy\u002F) | Just-add-water CSS animations snippets |\n\n\u003Cdiv align=\"right\">\n    \u003Cb>\u003Ca href=\"#table-of-contents\">↥ Back To Top\u003C\u002Fa>\u003C\u002Fb>\n\u003C\u002Fd","bradtraversy\u002Fdesign-resources-for-developers 是一个精心整理的设计和UI资源列表，涵盖了从图片素材、网页模板到CSS框架和UI库等多方面的内容。该项目的核心功能是提供了一个全面且分类清晰的资源集合，包括但不限于图标、字体、颜色方案、动画库以及各种前端开发所需的工具和服务。这些资源对于正在寻找高质量设计元素或希望提升自己项目视觉效果的开发者来说非常有用。无论是在个人项目中快速原型设计还是在企业级应用中实现专业级别的界面设计，该仓库都是一个不可多得的好帮手。",2,"2026-06-11 02:36:13","top_all"]