{"id":47242,"url":"https://github.com/deeppaz/awesome-resources-for-developers","name":"awesome-resources-for-developers","description":"Curated list of useful resources for frontend developers or all developers","projects_count":463,"last_synced_at":"2026-08-03T02:00:29.917Z","repository":{"id":98375758,"uuid":"349782017","full_name":"deeppaz/awesome-resources-for-developers","owner":"deeppaz","description":"Curated list of useful resources for frontend developers or all developers","archived":false,"fork":false,"pushed_at":"2021-04-22T15:11:28.000Z","size":28,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-07-14T22:04:22.161Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/deeppaz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2021-03-20T16:45:16.000Z","updated_at":"2021-04-22T15:11:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"718f7cb8-ec21-4508-ba0a-0b01e896f930","html_url":"https://github.com/deeppaz/awesome-resources-for-developers","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/deeppaz/awesome-resources-for-developers","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deeppaz%2Fawesome-resources-for-developers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deeppaz%2Fawesome-resources-for-developers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deeppaz%2Fawesome-resources-for-developers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deeppaz%2Fawesome-resources-for-developers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deeppaz","download_url":"https://codeload.github.com/deeppaz/awesome-resources-for-developers/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deeppaz%2Fawesome-resources-for-developers/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36214553,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-07-20T02:08:10.276Z","status":"online","status_checked_at":"2026-08-03T02:00:06.975Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-14T11:15:08.650Z","updated_at":"2026-08-03T02:00:29.917Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Online Design Tools","CSS Frameworks","Icons","React UI","Others","CSS Animations","Javascript Animation Libraries","Test Your Website","Design Systems \u0026 Style Guides","Vue UI","UI Components \u0026 Kits","HTML \u0026 CSS Templates","Colors","Stock Photos","UI Graphics","Fonts","Stock Videos","Product \u0026 Image Mockups","Stock Music \u0026 Sound Effects","Vectors \u0026 Clip Art","Favicons","Logos","Free Hosting For Your Project"],"sub_categories":[],"readme":"\n## Contents\n\n- [UI Graphics](#ui-graphics)\n- [Test Your Website](#test-your-website)\n- [Free Hosting For Your Project](#free-hosting-for-your-project)\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 \u0026 Sound Effects](#stock-music--sound-effects)\n- [Vectors \u0026 Clipart](#vectors--clip-art)\n- [Product \u0026 Image Mockups](#product--image-mockups)\n- [HTML \u0026 CSS Templates](#html--css-templates)\n- [CSS Frameworks](#css-frameworks)\n- [CSS Animations](#css-animations)\n- [Javascript Animations](#javascript-animation-libraries)\n- [UI Components \u0026 Kits](#ui-components--kits)\n- [React UI Libraries](#react-ui)\n- [Vue UI Libraries](#vue-ui)\n- [Online Design Tools](#online-design-tools)\n- [Others](#others)\n\n## UI Graphics\n\n\u003eUI Graphics\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description                                                        |\n| -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |\n| [Humaaans](https://www.humaaans.com/)                                                                    | Cool illustrations of people with the ability to mix and match     |\n| [Paaatterns](https://products.ls.graphics/paaatterns/)                                                   | Free collection of beautiful patterns for all vector formats       |\n| [404 illustration](https://error404.fun/)                                                                | Free illustrations for 404  pages                                  |\n| [Drawkit.io](https://www.drawkit.io/)                                                                    | Illustrations for designers and startups                           |\n| [Undraw.co](https://undraw.co/)                                                                          | Open-source illustrations for any idea you can imagine and create  |\n| [Manypixels.co](https://www.manypixels.co/gallery/)                                                      | Monochromatic, Isometric high-quality illustrations                |\n| [flexiple.com](https://2.flexiple.com/scale/all-illustrations/)                                                      | One new high-quality, open-source illustration each day. Use our color-picker to adapt the illustrations to your brand identity!  illustrations                |\n| [Open Peeps](https://www.openpeeps.com/)                                                                 | Hand drawn illustration library                                    |\n\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Test Your Website\n\n\u003eThey are great for improving and making your website better.\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description                                                        |\n| -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |\n| [Pingdom tools](https://tools.pingdom.com/)                                                              | Website speed test                                                 |\n| [Seositecheckup](https://seositecheckup.com/)                                                            | Seo website Checkup                                                |\n| [Sitechecker](https://sitechecker.pro/)                                                                  | Get Free Website SEO Score Online                                  |\n| [Dotcom tools](https://www.dotcom-tools.com/)                                                            | Instantly Test your Website Speed                                  |\n| [Gtmetrix](https://gtmetrix.com/)                                                                        | Website Performance Testing and Monitoring                         |\n| [Webpagetest](https://www.webpagetest.org/)                                                              | Website Performance and Optimization Test                          |\n| [Dareboost](https://www.dareboost.com/)                                                                  | Website Speed Test and Website Analysis                            |\n| [Seoptimer](https://www.seoptimer.com/)                                                                  | SEO Audit \u0026 Reporting Tool                                         |\n| [Nibbler.silktide](https://nibbler.silktide.com)                                                         | Free tool for testing websites                                     |\n| [Webspeedtest.cloudinary](https://webspeedtest.cloudinary.com/)                                          | Website Speed Test Image Analysis Tool                             |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Free Hosting For Your Project\n\n\u003eFree hosting for your projects\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description                                                        |\n| -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |\n| [Netlify](https://Netlify.com/)                                                              | Netlify                                              |\n| [Firebase](https://link.com/)                                                              | Firebase                                              |\n| [AWS](https://AWS.com/)                                                              | AWS                                              |\n| [Heroku](https://Heroku.com/)                                                              | Heroku                                              |\n| [ Github Pages](https://gitghub.com/)                                                              |  Github Pages                                              |\n| [Vercel](https://Vercel.com/)                                                              | Vercel                                              |\n| [Surge](https://Surge.com/)                                                              | Surge                                              |\n| [Render](https://Render.com/)                                                              | Render                                              |\n| [Gitlab Pages](https://gitlab.com/)                                                              | Gitlab Pages                                              |\n| [Stormkit](https://link.com/)                                                              | Stormkit                                              |\n\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Fonts\n\n\u003eFonts\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Google Fonts](https://fonts.google.com/)| Library of around 1000 free licensed font families |\n| [DaFont](https://www.dafont.com/)| Archive of freely downloadable fonts |\n| [1001 Free Fonts](https://www.1001freefonts.com/)| I think the name speaks for itself :smirk: |\n| [Font Space](https://www.fontspace.com/)| A designer-centered free font website that has quick customizable previews |\n| [Abstract Fonts](http://www.abstractfonts.com/)| Fonts free for personal and commercial use |\n| [Free Typography](https://freetypography.com/)| A list of high quality fonts |\n| [Befonts](https://befonts.com/) | High quality fonts for free |\n| [Arabic fonts](https://arabicfonts.net/) | Arabic fonts for free |\n| [Google Webfonts Helper](https://google-webfonts-helper.herokuapp.com/fonts) |  A Hassle-Free Way to Self-Host Google Fonts |\n| [FFonts](https://ffonts.net)| Stylish fonts for free |\n| [Malayalam Fonts](https://smc.org.in/fonts/)| Malayalam fonts for free which are maintained by Swathanthra Malayalam Computing(SMC) |\n| [Dev Fonts](https://devfonts.gafi.dev/)| Find and use the coding fonts for free |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Colors\n\n\u003eColors\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [meodai](https://meodai.github.io/color-names/)| A handpicked list of 27462 unique color names |\n| [Colormind.io](http://colormind.io)| Color palette generator |\n| [0to255](https://www.0to255.com/) | A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more. |\n| [Paletton](https://paletton.com/)| Paletton.com is a designer color tool designed for creating color combinations that work together well.|\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003e↥ Back To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Icons\n\n\u003eIcons \n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Font Awesome](https://fontawesome.com/)| The web's most popular icon set and toolkit  |\n| [Line Awesome](https://icons8.com/line-awesome)| Swap in replacement of Font Awesome with modern line icons |\n| [Material Icons](https://material.io/resources/icons/)| Material design icon library |\n| [IonIcons](http://ionicons.com/)| Beautifully crafted open source icons from Ionic team |\n| [Icofont](https://icofont.com/)| 2100+ free icons to spice up your creative designs  |\n| [Jam Icons](https://jam-icons.com/) | 890+ handcrafted icons to make your web app awesome |\n| [Unicons](https://iconscout.com/unicons)| 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| [Shapedfonts Iconclub](https://shapedfonts.com/iconclub/)| 8000+ free icons |\n| [Simple Icons](https://simpleicons.org/)| 1307 Free SVG icons for popular brands |\n| [Linear Icons](https://linearicons.com/free)| 1000+ Ultra crisp vector icons |\n| [Icons8](https://icons8.com/)| Free icons, photos, vectors and tools |\n| [The Noun Project](https://thenounproject.com/)| Over 2 Million curated icons, created by a global community |\n| [Iconscout](https://iconscout.com/)| Free Download Icons illustrations stock photos at one place  |\n| [IconSear.ch](https://iconsear.ch/search.html) | Search engine with over 50,000 SVG icons indexed |\n| [Nucleo App](https://nucleoapp.com/)| Nucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free \u0026 Paid) |\n| [Bootstrap Icons](https://icons.getbootstrap.com/)| Free Icons built for Bootstrap but they'll work in any project  |\n| [Iconmonstr](https://iconmonstr.com/) | Discover 4496+ free icons in 313 collections |\n| [Iconfinder](https://www.iconfinder.com/)| Free and premium vector icons in SVG, PNG, CSH and AI format  |\n| [Lordicon](https://lordicon.com/free-icons) | 50 free animated interactive icons |\n| [UseAnimations](https://useanimations.com/) | Free Animated Icons in SVG and Json Format(for lottie)  |\n| [IconBros](https://www.iconbros.com) | 7843+ free icons grouped in 182 collections |\n| [Material Design Icons](https://materialdesignicons.com/) | 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://heroicons.dev/) | Free, open source icons from the creators of Tailwind CSS. |\n| [Zondicons](https://www.zondicons.com/icons.html) | A set of free premium SVG icons for you to use on your digital products. |\n| [Endless Icons](http://endlessicons.com/) | A website offering a number of free icons. Icons are tagged and also compressed into kits. |\n| [Icomoon](https://icomoon.io/app/) |Browse 5500+ Free Icons. Add any set you wish to easily browse and search its icons. |\n| [Cryptoicons](http://cryptoicons.co/) | A set of 430 crypto and fiat currency icons. Completely free. |\n| [Ikonate](https://ikonate.com/) | Fully customizable \u0026 accessible vector icons |\n| [appicon](https://appicon.co/)| Quickly generate app icons in different sizes for your IOS, macOS and Android projects|\n| [LineIcons](https://lineicons.com) | 2000+ Essential Line Icons for Designers and Developers |\n| [SVG Repo](https://www.svgrepo.com/) | Download free SVG Vectors for commercial use. |\n| [Unified icons](https://iconify.design/) |Thousands of icons, one unified framework. One library, over 40,000 vector icons. |\n| [Teeny Icons](https://teenyicons.com/) | TeenyIcons is a set icons in SVG format easy to use in html |\n| [Shitty Icons](https://shittyicons.com/) | Collection of Free icons. |\n| [Iconspedia](https://www.iconspedia.com/) | Iconspedia is a website that contains a large collection of high quality free icons. |\n| [iconhub](https://iconhub.io/) | Just practical stunning icons for everyone |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Logos\n\u003eLogos\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [World Vector Logo](https://worldvectorlogo.com/)| Download vector logos of brands you love |\n| [Logo Maker](https://logomakr.com/)| Create custom logos |\n| [Free Logo Maker](https://www.namecheap.com/logo-maker/)| Fast, All-in-One Logo Generator |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Favicons\n\n\u003eFavicons\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Favicon.io](https://favicon.io/)| Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats |\n| [Favicomatic](https://favicomatic.com/)| Generate favicons of all the sizes and formats as well as the HTML code needed to support every possible browser or device |\n| [RealFaviconGenerator](https://realfavicongenerator.net/)| Generate icons for all platforms (Windows, iOS, Android) |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Stock Photos\n\n\u003eStock photos\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Pixabay](https://pixabay.com/)| Over 1.7 million+ high-quality stock images and videos |\n| [Picspree](https://picspree.com)| Royalty free images, stock photos, illustrations, and vectors |\n| [Burst](https://burst.shopify.com/)| Free stock photos collections |\n| [Stock Snap](https://stocksnap.io/)| Hundreds of high quality photos added weekly |\n| [Morguefile](https://morguefile.com/)| Over 350,000 free stock photos for commercial use |\n| [Kaboom Pics](https://kaboompics.com/)| Stock photography and color palettes. Good for product images |\n| [New Old Stock](https://nos.twnsnd.co/)| Stock vintage photos |\n| [Pic Jumbo](https://picjumbo.com/)| Good collections of different types of photos |\n| [Stockvault](http://www.stockvault.net/)| Categorized stock photos |\n| [Realistic Shots](https://realisticshots.com/)| Free high-resolution stock photos |\n| [Negative Space](https://negativespace.co/)| High-Resolution Free Stock Photos |\n| [SkitterPhoto](https://skitterphoto.com/)| Free high-resolution photography |\n| [PxHere](https://pxhere.com/)| Free Images \u0026 Free stock photos - PxHere |\n| [Piqsels](https://piqsels.com/)| Royalty Free Stock Photos |\n| [FoodiesFeed](https://www.foodiesfeed.com/)| Food photo stock |\n| [Nappy](https://www.nappy.co/)| A website offering Beautiful, high-res photos of black and brown people.|\n| [Generated Photos](https://generated.photos/)| Unique AI Generated model photos|\n| [Reshot](https://www.reshot.com/)| Uniquely free photos. Handpicked, non-stocky images.\n| [Free Images](https://www.freeimages.com/)| Find and download free stock photos - all free for personal and commercial use|\n| [Lorem Picsum](https://picsum.photos/)| An easy to use API to get beautiful placeholder images. Size and other parameters can be specified. |\n| [scienceimage](https://www.scienceimage.csiro.au) | An image library specializing in science and nature images |\n| [Saxifraga](http://www.freenatureimages.eu) | Free nature images |\n| [Creative Commons](https://search.creativecommons.org) | Search for free images to reuse.\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Stock Videos\n\n\u003eStock videos\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Pexels](https://www.pexels.com/videos)| Largest library of free to use videos, donated by the community |\n| [Pixabay](https://www.pixabay.com/videos)| Large library of free to use videos, donated by the community similar to Pexels |\n| [Coverr.co](https://coverr.co/)| Beautiful free stock video footage |\n| [Videezy](https://www.videezy.com/)| Free HD stock footage \u0026 4K videos |\n| [Mix Kit](https://mixkit.co/)| Stock video clips \u0026 music |\n| [Life Of Vids](https://www.lifeofvids.com/)| Free video clips and loops |\n| [Videvo](https://www.videvo.net/stock-video-footage/)| Free and premium stock videos |\n| [Loopvidz](http://stock.loopvidz.com/)| Free To Use Cinema graphs Created With VIMAGE App |\n| [SplitShire](https://www.splitshire.com/)| Beautiful \u0026 exclusive free stock videos \u0026 photos |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Stock Music \u0026 Sound Effects\n\n\u003eFree stock music and sound effects\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Free Stock Music](https://www.free-stock-music.com/)| Royalty free stock music for YouTube videos, podcasts, etc |\n| [Bensound](https://www.bensound.com/)| Download Royalty Free Music for free and use it in your project |\n| [Freesound](https://freesound.org/)| Free stock music and sounds |\n| [Musopen](https://musopen.org/music/)| An online copyright free classical music library |\n| [Unminus](https://www.unminus.com/)| Free Premium Music for Your Projects 🎁 Royalty Free. Cleared for YouTube. |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Vectors \u0026 Clip Art\n\n\u003eFree vectors, clipart, illustrations, patterns and more\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Vecteezy](https://www.vecteezy.com/)| Find and download free vector art |\n| [Freepik](https://www.freepik.com)| Free vectors, stock photos, PSD and icons |\n| [Illlustrations](https://illlustrations.co/)| Beautiful 100 Illustrations - png, svg |\n| [SVG wave](https://svgwave.in/) | A free, \u0026 customizable gradient 🌈 SVG wave generator for UI designs . |\n\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Product \u0026 Image Mockups\n\n\u003eCreate mockups of devices and other products\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Smart Mockups](https://smartmockups.com/)| Create stunning product mockups (free \u0026 premium) |\n| [Screely](https://www.screely.com/)| Instantly turn your screenshot into a mockup |\n| [Screenshot.rocks](https://screenshot.rocks/)| Create beautiful browser \u0026 mobile mockups in seconds |\n| [Screen Peak](https://screenpeek.io/)| Create a mockup from a URL |\n| [Mockup World](https://www.mockupworld.co/)| The biggest source of free photo-realistic Mockups online |\n| [Facebook Devices](https://facebook.design/devices)| Images and Sketch files of popular devices  |\n| [Mockuphone](https://mockuphone.com/)| 100% free mockups for all devices including IOS, Android, Windows Phone, Laptop \u0026 Desktop and TV |\n| [Device Shots](https://deviceshots.com/)| Create high-resolution device mockups for social media, for free |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## HTML \u0026 CSS Templates\n\n\u003eWebsites that offer free beautiful website templates and themes of all types\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [HTML5Up](https://html5up.net/)| Very modern, unique responsive HTML5/CSS3 themes |\n| [Templatemo](https://templatemo.com/)| Minimal, resume, gallery themes and more |\n| [Templated.co](https://templated.co/)| Tons of minimalistic HTML5/CSS3 themes |\n| [FreeHTML5](https://freehtml5.co/)| Free \u0026 premium HTML5 and Bootstrap themes |\n| [StyleShout](https://www.styleshout.com/free-templates/)| Brilliantly crafted free website templates |\n| [Start Bootstrap](https://startbootstrap.com/)| Bootstrap starter themes |\n| [Zerotheme](https://www.zerotheme.com/)| HTML5, Bootstrap, Prestashop templates |\n| [HTML5xCSS3](https://www.html5xcss3.com/)| Collection of wonderful templates in different categories |\n| [Colorlib](https://colorlib.com/wp/templates/)| Almost any category of theme you can think of |\n| [Free CSS](https://www.free-css.com/free-css-templates)| Huge collection of free templates |\n| [Hubspot](https://www.hubspot.com/resources)| Templates, infographics, banners and much more|\n| [Mobirise](https://mobirise.com/html-templates/)| Great looking HTML5/CSS3 templates|\n| [Bootswatch](https://bootswatch.com/)| Free themes for Bootstrap|\n| [Onepagelove](https://onepagelove.com/)| One-page websites, templates and resources|\n| [Themes For App](https://themesfor.app/)| Free Bootstrap themes and landing pages|\n| [BootstrapTaste](https://bootstraptaste.com/)| Premium \u0026 Free Bootstrap Templates|\n| [BootstrapMade](https://bootstrapmade.com/)| Elegant, clean and beautiful free templates using Bootstrap. |\n| [W3Layouts](https://w3layouts.com/)| W3Layouts: 3784+ Free Website Templates for 2020 |\n| [Tooplate](https://www.tooplate.com/)| Tooplate: Free HTML Templates for everyone! |\n| [Cruip](https://cruip.com/free-templates/)| Fully coded HTML templates to help you easily build your startup landing page without hassles. |\n| [UIdeck](https://uideck.com/) | Free Landing Page Templates and Bootstrap Themes |\n| [Splawr](https://splawr.com/) | Free web templates to kickstart your idea! |\n| [W3css_templates](https://www.w3schools.com/w3css/w3css_templates.asp) | Some responsive W3.CSS website templates for you to use. |\n| [All-Free-Download](https://all-free-download.com/free-website-templates/free-html-css-templates.html) | Download free-website-templates |\n| [mashup-template](http://www.mashup-template.com/templates.html)| HTML5/CSS3 Free Templates |\n\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## CSS Frameworks\n\n\u003eCSS/UI frameworks to help build great looking websites and applications\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Tailwind CSS](https://tailwindcss.com/)| Low level, utility-first framework |\n| [Bootstrap](https://getbootstrap.com/)| Popular UI framework with tons of components that use both CSS and JS |\n| [Materialize](https://materializecss.com/)| A modern responsive front-end framework based on Material Design |\n| [Material Design Lite](https://getmdl.io/)| Light framework based on Material Design. No JS dependency |\n| [Bulma](https://bulma.io/)| Modern CSS framework with no JS |\n| [Skeleton](http://getskeleton.com/)| Extremely light framework for basic UI elements |\n| [Semantic UI](https://semantic-ui.com/)| Empowers designers and developers by creating a shared vocabulary for UI  |\n| [Fomantic UI](https://fomantic-ui.com/)| A community fork of Semantic-UI |\n| [Foundation](https://get.foundation/)| Mobile first framework with clean markup |\n| [Pure CSS](https://purecss.io/)| A set of small, responsive CSS modules |\n| [UIKit](https://getuikit.com/)| Lightweight and modular front-end framework |\n| [Susy](https://www.oddbird.net/susy/)| Lightweight, grid-layout engine for Sass |\n| [Milligram.io](https://milligram.io/)| Minimalist CSS framework |\n| [Vanilla Framework](https://vanillaframework.io/)| Simple, extensible CSS framework written in Sass |\n| [Spectre CSS](https://picturepan2.github.io/spectre/)| Lightweight, modern CSS framework |\n| [Picnic CSS](https://picnicss.com/)| Lightweight and beautiful library |\n| [Wing](https://kbrsh.github.io/wing/)| A beautiful CSS framework designed for minimalists  |\n| [Chota](https://jenil.github.io/chota/)| A micro (~3kb) CSS framework  |\n| [Blueprint CSS](https://blueprintcss.dev/)| A lightweight layout library for building great responsive mobile first UIs that work everywhere  |\n| [W3.CSS](https://www.w3schools.com/w3css/) | 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://jdan.github.io/98.css/)| A design system for building faithful recreations of old UIs  |\n| [NES CSS](https://nostalgic-css.github.io/NES.css/)| NES-style CSS Framework  |\n| [Shoelace.css](https://www.shoelace.style/)| Lightweight, forward-thinking CSS library built with future CSS syntax |\n| [MVP.css](https://andybrewer.github.io/mvp/) | A minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and you're done |\n| [Blaze.css](http://blazecss.com/) | Open source modular CSS toolkit providing great structure for building websites quickly  |\n| [Turret CSS](https://turretcss.com/) | Turret CSS is a styles framework for development of responsive websites.  |\n| [Cutestrap](https://www.cutestrap.com/) | A strong, independent CSS Framework. |\n| [Shorthand](https://shorthandcss.com/) | Shorthand is a free and open source css framework, that allows you to make unique and modern design without writing any css |\n| [XP.css](https://botoxparty.github.io/XP.css/) | XP.css is an extension of 98.css. A CSS library for building interfaces that look like old UIs. |\n| [Framework7](https://framework7.io/) | Framework7 - is a free and open source framework to develop mobile, desktop or web apps with native look and feel. |\n| [Hint.css](https://kushagra.dev/lab/hint/) | A pure CSS tooltip library for your lovely websites. |\n| [imagehover.io](http://imagehover.io/) | Pure CSS Image Hover Effect Library |\n| [mini.css](https://minicss.org/) | A minimal, responsive, style-agnostic CSS framework |\n| [Tachyons](https://tachyons.io/) | Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible. |\n| [Material Bootstrap](https://fezvrasta.github.io/bootstrap-material-design/) | Material Design with Bootstrap |\n| [Ivory](https://github.com/IVORY-UI/ivory) | A modern CSS framework for developing powerful web interfaces faster and easier |\n| [Halfmoon UI](https://www.gethalfmoon.com/)| A responsive and lightweight framework, designed for quickly building beautiful dashboards and product pages. |\n| [Metro 4](https://metroui.org.ua/index.html)| Create your site quickly and effectively with Metro 4. impressive components library built on html, css, javascript. |\n| [css-doodle](https://css-doodle.com/) | A web component for drawing patterns with CSS |\n| [latex.css](https://latex.now.sh/) | Make your website look like a LaTeX document |\n| [Paper CSS](https://github.com/cognitom/paper-css) | Front-end printing solution |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## CSS Animations\n\n\u003eCSS animations to build awesome animations for websites and applications\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Animate.css](https://animate.style/)| Just-add-water CSS animations |\n| [Bounce.js](http://bouncejs.com/)| Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations  |\n| [Anime.js](https://animejs.com/)| Anime.js (/ˈæn.ə.meɪ/) 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://www.minimamente.com/project/magic/)| Animations has been one of the most impressive animation libraries available |\n| [Zdog](https://zzz.dog/)| Round, flat, designer-friendly pseudo-3D engine for canvas \u0026 SVG |\n| [CSShake](http://elrumordelaluz.github.io/csshake/)| 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://ianlunn.github.io/Hover/)| Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website  |\n| [AniJS](http://anijs.github.io/)| AniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure  |\n| [Animista](http://animista.net/)| CSS Animations On Demand |\n| [Tachyons-animate](https://github.com/anater/tachyons-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://www.sequencejs.com/)| 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://tilomitra.github.io/infinite/)| These animations, like rotations and pulses, that are specifically designed to run and repeat forever |\n| [OBNOXIOUS.CSS](http://tholman.com/obnoxious/)| Animations for the strong of heart, and weak of mind |\n| [MOTION UI](https://zurb.com/playground/motion-ui)| A Sass library for creating flexible CSS transitions and animations |\n| [Keyframes.app](https://keyframes.app/)| A graphical user interface for generating custom CSS keyframe animations |\n| [thoughtbot](https://thoughtbot.com/blog/transitions-and-transforms)| CSS Transitions and Transformations for Beginners |\n| [SVG Artista](https://svgartista.net/)| A useful tool to animate stroke and fill properties in SVG images with plain CSS code |\n| [AOS](https://github.com/michalsnik/aos)| Animate on Scroll Library |\n| [AnimXYZ](https://animxyz.com/)| AnimXYZ helps you create, customize, and compose animations for your website. Built for Vue, React, SCSS, and CSS |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Javascript Animation Libraries\n\n\u003ejavascript animations libraries to build awesome animations for websites and applications\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Greensock](https://greensock.com/)| A JavaScript library for building high-performance animations that work in every major browser |\n| [Velocity.js](http://velocityjs.org/)| Velocity is a lightweight animation engine with the same API as jQuery's $.animate() |\n| [lax.js](https://github.com/alexfoxy/laxxx)| Simple \u0026 light weight vanilla javascript plugin to create smooth \u0026 beautiful animations when you scroll! |\n| [Rellax.js](https://github.com/dixonandmoe/rellax)| A buttery smooth, super lightweight, vanilla javascript parallax library |\n| [three.js](https://github.com/mrdoob/three.js/)| An easy to use, lightweight, 3D library with a default WebGL renderer. |\n| [wow.js](https://wowjs.uk/)| Reveal Animations When You Scroll. |\n| [chocolat.js](http://chocolat.insipi.de/)| Free lightbox plugin. |\n| [Animate On Scroll](https://michalsnik.github.io/aos/)| Animate on scroll library to reveal animations when You scroll. |\n| [Tilt.js](http://gijsroge.github.io/tilt.js/)| A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery. |\n| [Roughnotation](https://roughnotation.com/)| Rough Notation is a small JavaScript library to create and animate annotations on a web page |\n| [tsParticles](https://particles.matteobruni.it/)| A lightweight library for creating particles, an improved version of the abandoned and obsolete particles.js |\n| [Particles.js](https://vincentgarreau.com/particles.js/)| A lightweight JavaScript library for creating particles |\n| [mo.js](https://mojs.github.io/)| The motion graphics toolbelt for the web |\n| [Lightbox2](https://lokeshdhakar.com/projects/lightbox2/)| A small JS library to overlay images on top of the current page. |\n| [Slick](https://kenwheeler.github.io/slick/)|  Fully responsive carousel |\n| [barba.js](https://barba.js.org/)| Create fluid and smooth transitions between your website’s pages. |\n| [Locomotive Scroll](https://locomotivemtl.github.io/locomotive-scroll/)| A simple scroll library that provides detection of elements in viewport \u0026 smooth scrolling with parallax. |\n| [Owl carousel](https://owlcarousel2.github.io/OwlCarousel2/)| Free responsive jQuery carousel |\n| [Swiperjs](https://swiperjs.com/)| Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS and all modern frameworks like React, Vue, Angular etc. |\n| [Splide](https://splidejs.com)| Free, pure JS library for carousels and sliders |\n\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## UI Components \u0026 Kits\n\n\u003eNot quite \"frameworks\", but tools for creating user interfaces with components or UI kits\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Bit](https://bit.dev/components)| Provides a huge library of reuseable UI Components for React, Angular, Vue, React Native. Also can be used for sharing UI Components among other team members |\n| [UILang](http://uilang.com/)| A minimal, UI-focused programming language for web designers |\n| [Medialoot CSS Components](https://medialoot.com/free-themes/css-components/)| Calendars, price grids and other UI components |\n| [Froala Design Blocks](https://froala.com/design-blocks)| Over 170 responsive design blocks ready to be used in your web or mobile apps |\n| [Mui Treasury](https://mui-treasury.com)| An open-source project that provides a collection of ready-to-use components based on Material-UI.  |\n| [Material Design For Bootstrap](https://fezvrasta.github.io/bootstrap-material-design/)| Open source toolkit for building material design with Bootstrap |\n| [Photonkit](http://photonkit.com/)| Desktop UI library for Electron |\n| [Flat UI](https://designmodo.github.io/Flat-UI/)| Minimal free user interface kit|\n| [Shards](https://designrevision.com/downloads/shards/)| A free and modern UI toolkit for web makers based on Bootstrap  |\n| [Creative Tim](https://www.creative-tim.com/)| All types of UI libraries and kits including JS frameworks like React |\n| [Brumm Shadow Maker](https://brumm.af/shadows)| An online tool to make css shadows|\n| [AdminLTE](https://adminlte.io/)| Best open source admin dashboard \u0026 control panel theme|\n| [SpinKit](https://tobiasahlin.com/spinkit/)| Simple CSS Spinners|\n| [Epic Spinners](https://epic-spinners.epicmax.co/)| CSS spinners collection with Vue.js integration. |\n| [Loading.io](https://loading.io/)| Online service provider for creating simple animations, spinners, progress bar and more |\n| [Moving Letters](https://tobiasahlin.com/moving-letters/)| Animated Text with JavaScript and anime.js|\n| [CSS Layout](https://csslayout.io/)| A collection of popular web layouts and patterns in pure CSS |\n| [CSS Grid Generator](https://cssgrid-generator.netlify.app/)| An open-source project that allow users to quickly create dynamic layout based on CSS Grid. |\n| [Codyhouse](https://codyhouse.co/)| Kick-start your web projects with CodyHouse's front-end framework and library of accessible HTML, CSS, JavaScript components  |\n| [Tailwind Starter Kit](https://github.com/creativetimofficial/tailwind-starter-kit)| Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source  |\n| [Tailwindtoolbox](https://www.tailwindtoolbox.com/)| Open source starter templates and components, a plugins directory and useful tools/utilities to kick start your Tailwind CSS project. |\n| [tailwindcomponents](https://tailwindcomponents.com/)| A free repository for community components using TailwindCSS |\n| [sweetalert](https://sweetalert.js.org/)| SweetAlert makes popup messages easy and pretty. |\n| [sweetalert2](https://sweetalert2.github.io/)| A beautiful, responsive, customizable, accessible replacement for javascript's popup boxes |\n| [tailblocks](https://mertjf.github.io/tailblocks/)| Open source ready-to-use Tailwind CSS components. |\n| [Soft Components](https://soft-components-docs.web.app/)| A set of framework-agnostic web components based on neumorphic design. |\n| [Fast](https://www.fast.design/)| An interface system that can be used with modern Web Frameworks such as React, Vue and Angular. |\n| [LottieFiles ](https://lottiefiles.com/)| Interactive animations in many formats like json,gif and mp4, libraries and plugins for Web \u0026 Mobile . |\n| [Tailwindow ](https://component.tailwindow.com/)| Components created using Tailwind CSS utilities class, so it can be customized to make themes easily. |\n| [Kutty](https://kutty.netlify.app/)| A set of accessible and reusable prebuilt Tailwind components that are commonly used in web applications. |\n| [Tailwind Templates](https://tailwindtemplates.io/)| A free collection of Tailwindcss Templates - tailwind components for rapid UI development. |\n| [Stitches](https://stitches.hyperyolo.com/)| An HTML template generator using functional css. |\n| [Meraki UI Components](https://merakiui.com/)| Beautiful Tailwindcss components that support RTL languages \u0026 fully responsive based on Flexbox \u0026 CSS Grid. |\n| [Daemonites Material Design For Bootstrap](https://http://daemonite.github.io/material/)| Daemonite's Material UI is a cross-platform and fully responsive front-end interface based on Google Material Design developed using Bootstrap 4 |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n\n## React UI\n\n\u003eUI and component libraries for the React JavaScript framework\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Material UI](https://material-ui.com/)| React components for faster and easier web development, based on Material Design |\n| [Chakra UI](https://chakra-ui.com/)| Build accessible React apps \u0026 websites with speed. [Openchakra](https://openchakra.app/) |\n| [React Bootstrap](https://react-bootstrap.github.io/)| Bootstrap rebuilt for React. Include Bootstrap components right in your JavaScript |\n| [ui-playbook](https://uiplaybook.dev/)| The documented collection of UI components |\n| [ReactStrap](https://reactstrap.github.io/)| Another Bootstrap UI library for React |\n| [React Admin](https://marmelab.com/react-admin/)| A frontend Framework for building admin applications. Supports API's out of the box|\n| [BlueprintJS](https://blueprintjs.com/)| React-based UI toolkit for the web |\n| [React Semantic UI](https://react.semantic-ui.com/)| UI components based off of the Semantic UI framework |\n| [Shards React](https://designrevision.com/downloads/shards-react/)| React UI kit featuring a modern design system with dozens of custom components  |\n| [React Virtualized](https://bvaughn.github.io/react-virtualized)| UI set for data. Includes tables, lists, sorting, etc. |\n| [React Toolbox](http://react-toolbox.io/#/)| Material design UI library for React |\n| [Elastic UI](https://elastic.github.io/eui/#/)| Distributes UI React components and static assets for use in building web layouts |\n| [React Desktop](http://reactdesktop.js.org/)| Desktop styled components in React. Includes MacOS and Windows based components |\n| [Theme UI](https://theme-ui.com/home)| Build consistent, themeable React apps based on constraint-based design principles |\n| [Onsen React](https://onsen.io/react/)| Distributes Components for hybrid mobile apps with React and Onsen UI |\n| [Evergreen](https://evergreen.segment.com/)| Design system for React |\n| [Rebass](https://rebassjs.org/)| React primitive UI components built with styled system |\n| [Grommet](https://v2.grommet.io/)| mobile first UI component library |\n| [Rimble](https://rimble.consensys.design/)| React design kit, library and guides |\n| [Landing Page Template](https://github.com/cruip/open-react-template/)| Open source landing page template for react |\n| [Elemental UI](http://elemental-ui.com/)| A UI Toolkit for React.js Websites and Apps |\n| [Ant Design](https://ant.design/)| Open source design React UI library. |\n| [Bumbag](https://bumbag.style/)| Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications. |\n| [PRIMEREACT](https://www.primefaces.org/primereact/)| The ultimate collection of design-agnostic, flexible and accessible React UI Components |\n| [Primer Components](https://primer.style/components/)| Primer Components are React components which implement GitHub's Primer Design System |\n| [Orbit](https://orbit.kiwi/)| Design system and React UI components for travel projects. |\n| [Base Web](https://baseweb.design/)| Base Web provides a robust suite of components out of the box |\n| [Backpack UI](http://lonelyplanet.github.io/backpack-ui/?path=/story/styles--design-tokens)| Backpack is the Lonely Planet toolset that we use to build front end apps. |\n| [Reaviz](https://reaviz.io)| Data visualization library for React based on D3 |\n| [React Suite](https://rsuitejs.com/en/)| A suite of React components, sensible UI design, and a friendly development experience. |\n| [React Spring](https://www.react-spring.io/)| Spring-physics based animation library for React applications. |\n| [Recharts](http://recharts.org/en-US/)| A composable charting library built on React components. |\n| [Vercel UI](https://github.com/geist-org/react) | Modern and minimalist React UI library |\n| [Framer Motion](https://www.framer.com/motion/) | A React library to power production-ready animations. |\n| [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/index.html) | A React implementation of Spectrum, Adobe’s design system. |\n| [React tsParticles](https://particles.matteobruni.it/)| A lightweight React component for creating particles |\n| [particles-bg](https://github.com/lindelof/particles-bg)| A React particles animation background component |\n| [Treact](https://treact.owaiskhan.me)| Gallery of free and modern React templates and UI components developed using TailwindCSS as the front-end framework |\n| [OAH-Admin](https://gatsby-admin.paljs.com/extra-components/progress/)| a free React admin dashboard template based on Gatsby with oah-ui components and elements package. |\n| [Carolina Admin Dashboard](https://demo.uifort.com/carolina-react-admin-dashboard-material-ui-free-demo/LandingPage)| Free React admin template is powered by Material-UI components framework and features a clean and fresh design following Google's Material Design specifications. |\n| [Tabler](https://github.com/tabler/tabler-react)| Tabler is a free React admin dashboard template ideal for any kind of back-end web application. |\n| [Sha-el-design](https://github.com/sha-el/sha-el-design)| React components for easier customization and smooth development flow. |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Vue UI\n\n\u003eUI and component libraries for the Vue JavaScript framework\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Vuetify](https://vuetifyjs.com/en/)| Material design component framework |\n| [Bootstrap Vue](https://bootstrap-vue.org/)| Use Bootstrap components with Vue |\n| [Buefy](https://buefy.org/)| Lightweight UI components based on Bulma |\n| [Semantic UI Vue](https://semantic-ui-vue.github.io)| Semantic UI Vue is the Vue integration for Semantic UI |\n| [Quasar](https://quasar.dev/)| High-performance Material Design component suite with builders for SPA, SSR, PWA, Mobile (Cordova \u0026 Capacitor), Desktop (Electron) and Browser extensions |\n| [Element](https://element.eleme.io/#/en-US)| Desktop UI library for Vue |\n| [Fish UI](https://myliang.github.io/fish-ui/#/components/index)| Vue UI toolkit for the web |\n| [Keen UI](https://josephuspaye.github.io/Keen-UI)| VueUI library with a simple API, inspired by Google's Material Design |\n| [Onsen Vue](https://onsen.io/vue/)| Distributes Components for hybrid mobile apps with Vue and Onsen UI |\n| [Vuejsexamples](https://vuejsexamples.com)| A nice collection of useful vuejs UI components |\n| [Inkline](https://inkline.io)|Inkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications |\n| [Vuesax](https://vuesax.com/)|Unique and reusable UI components |\n| [Antdv](https://antdv.com/)|UI library for Vue based on Ant Design |\n| [Shards Vue](https://designrevision.com/downloads/shards-vue/)|A high-quality \u0026 free Vue UI kit featuring a modern design system with dozens of custom components |\n| [Prime Vue](https://www.primefaces.org/primevue/)|Powerful yet simple to use, versatile, performant Vue UI Component Library to help you build stunning user interfaces.|\n| [Chakra UI Vue](https://vue.chakra-ui.com/)|Chakra UI is a simple modular and accessible component library that gives you the building blocks to build Vue applications with speed.|\n| [View UI](https://www.iviewui.com/)|Dozens of useful and beautiful Vue components made for people with all skill levels with extensive documentation.|\n| [Particles.vue](https://particles.matteobruni.it/)| A lightweight Vue 2.x component for creating particles |\n| [Particles.vue3](https://particles.matteobruni.it/)| A lightweight Vue 3.x component for creating particles |\n| [TC Components](https://components.timos.design) | A library of high-quality ready to use components that will help you speed up your development workflow. |\n| [Vant](https://youzan.github.io/vant) | Lightweight Mobile UI Components built on Vue. |\n| [Equal UI](https://quatrochan.github.io/Equal/) | Open-source Vue 3 components system for your next project based on TypeScript |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Design Systems \u0026 Style Guides\n\n\u003eDesign systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Material Design](https://material.io/)| Google's Material Design |\n| [Ant Design](https://ant.design/)| Design system for enterprise-level products |\n| [Apple Design Resources](https://developer.apple.com/design/resources/)| Guides and templates for using Apple design and UI |\n| [Primer](https://primer.style/)| Design, build, and create with GitHub’s design system |\n| [Alta UI](https://www.oracle.com/webfolder/ux/middleware/alta/index.html)| Oracle's design system and toolkit |\n| [Pulse](https://pulse.heartbeat.ua/)| Design system, guides and React component library |\n| [Bolt](https://boltdesignsystem.com/)| Robust Twig and web component powered UI components |\n| [Clarity Design System](https://clarity.design/)| UX guidelines, HTML/CSS framework, and Angular components |\n| [AtlasKit](https://atlaskit.atlassian.com/)| Atlassian's official UI library, built according to the Atlassian Design Guidelines |\n| [Audi Design Resources](https://www.audi.com/ci/en/guides/user-interface/introduction.html)| Audi UI design system and toolkit |\n| [Carbon Design Systems](https://www.carbondesignsystem.com/)| Carbon is IBM’s open-source design system for products and experiences |\n| [Yelp Style Guide](https://www.yelp.com/styleguide)| Yelp style guide, components and toolkit |\n| [Comet](https://comet.discoveryeducation.com/)| Scalable design system of visual language, components, and design assets |\n| [ETrade Design System](https://etrade.design/)| Guides and toolkits that blend finance with simplicity and ease of use |\n| [Fundamental Library](https://sap.github.io/fundamental-styles/)| Open source and community driven project for consistent user interfaces|\n| [Infor Design](https://design.infor.com/)| Guidelines and resources to create meaningful experiences for Infor’s products |\n| [Lexicon](https://liferay.design/lexicon/)| An experience language for crafting beautiful UI |\n| [Mailchimp UI/UX](https://ux.mailchimp.com/patterns/color)| Style guide and components from Mailchimp |\n| [Marvel Style Guide](https://marvelapp.com/styleguide/overview/introduction)| Set of design principles and components |\n| [Microsoft Fluent UI](https://developer.microsoft.com/en-us/fluentui#/)| Collection of UX frameworks from Microsoft |\n| [Pluralsight Design System](https://design-system.pluralsight.com/)| Design guide with components for designing with Pluralsight |\n| [Polaris](https://polaris.shopify.com/)| Design system that creates great experiences for all of Shopify’s merchants |\n| [Mozilla Protocol](https://protocol.mozilla.org/)| Protocol is a design system for Mozilla and Firefox websites |\n| [SendGrid Style Guide](http://styleguide.sendgrid.com/)| UI library for developing consistent UI/UX at SendGrid  |\n| [VTEX Styleguide](https://styleguide.vtex.com/)| Reusable patterns, components and assets related to product design in VTEX |\n| [Rizzo](https://rizzo.lonelyplanet.com/styleguide/design-elements)| Style guide with UI components, JS components, widgets, etc |\n| [Atomize](https://atomizecode.com/)| UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly |\n| [StyleGuides.io](http://styleguides.io/)| A directory of 500+ styleguides |\n| [Done Design System](https://uilibrary.github.io/done-design-system/)| Open source design system, guides \u0026 components |\n| [Skoda Brand System](https://skoda-brand.com/explore-our-brand) | Design guideline for developing applications under the Skoda brand |\n| [Spectrum](https://spectrum.adobe.com/) | Adobe’s design system that provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive. |\n| [Asphalt](https://asphalt.gojek.io/) | Gojek’s design language system. A collection of guidelines and components to create amazing user experiences. |\n| [Laws of UX](https://lawsofux.com/) | A collection of the key maxims that designers must consider when building user interfaces. |\n| [Checklist Design](https://www.checklist.design/) | Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets. |\n| [Humane By Design](https://humanebydesign.com/) | A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being. |\n| [Pr1mer Guidelines](https://guidelines.pr1mer.tech) | An open source set of very general guidelines, inspired by Human Interface. Created and maintained by Pr1mer Tech |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n## Online Design Tools\n\n\u003eAll kinds of online tools for design, from photo editors to wireframing, and more\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description |\n| ----------------------- | ------------------ |\n| [Figma](https://www.figma.com/graphic-design-tool/)| Online graphic design tool (Free \u0026 paid options) |\n| [Vectr](https://vectr.com/)| Free vector graphics software|\n| [Taler](https://www.taler.app/)| Create social media banner designs in minutes from hundreds of customizable templates |\n| [Canva](https://www.canva.com/)| Create beautiful designs (Free \u0026 Paid) |\n| [Get Waves](https://getwaves.io/)| A free SVG wave generator to make unique SVG waves for web design |\n| [Clippy](https://bennettfeely.com/clippy/)| Easy CSS clip-path maker |\n| [Fancy Border Radius](https://9elements.github.io/fancy-border-radius/full-control.html)| Eight values specifying border-radius in CSS ( border-radius generator ) |\n| [Wireframe.cc](https://wireframe.cc/)| Wireframing tool (free \u0026 paid) |\n| [Fotor](https://www.fotor.com/)| Photo editor and design maker |\n| [Pixlr](https://www.pixlr.com/)| Online photo editor |\n| [Animoto Video Maker](https://animoto.com/apps/online-video-maker)| Make videos online |\n| [RemoveBG](https://www.remove.bg/)| Remove image backgrounds |\n| [Photo Creator](https://photos.icons8.com/creator)| Create your own photos instead of searching for stock |\n| [Visme](https://www.visme.co/)| Create presentations, infographics and more |\n| [Infogram](https://infogram.com/)| Create infograms |\n| [ChartGo](https://www.chartgo.com/)| Create charts and graphs online |\n| [Cartoon Photo](https://cartoon.pho.to/)| Turn photos into cartoons |\n| [Whimsical](https://whimsical.com/)| Wireframes, diagrams and more (4 free) |\n| [Whiteboard](https://witeboard.com/)| Online drawing tool |\n| [Octopus](https://octopus.do/)| Sitemap builder |\n| [CTA Button Maker](https://www.clickminded.com/button-generator/)| Create call to action buttons |\n| [Blobmaker](https://www.blobmaker.app/)| Blobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes.  |\n| [Personas](https://personas.draftbit.com/)| A playful avatar generator for the modern age  |\n| [SoftUI](https://www.softui.io)| A Soft UI (neumorphism) CSS generator  |\n| [Photopea](https://www.photopea.com)| An Online Photoshop editor  |\n| [Excalidraw](https://excalidraw.com/)| Virtual whiteboard for sketching hand-drawn like diagrams  |\n| [Diagrams](https://www.diagrams.net/)| Diagram software and Flowchart maker  |\n| [MapInSeconds](http://mapinseconds.com/)| Simple way to visualize your data with a map  |\n| [Grid Malven](http://grid.malven.co/)| A css grid cheatsheet to reference when creating a css grid  |\n| [Flex Malven](http://flexbox.malven.co/)| A flexbox grid cheatsheet to reference when working with flexbox |\n| [Smart Upscaler](https://icons8.com/upscaler) | Upscale images by 2-4x resolution |\n| [GetAvataaars](https://getavataaars.com/) | Fun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library |\n| [Big Heads](https://github.com/RobertBroersma/bigheads) | Easily generate avatars for your projects with Big Heads by Robert Broersma.\n| [Webflow](https://webflow.com/) | Break the code barrier, Build better business websites, faster. Without coding. |\n| [Trace](https://stickermule.com/trace) | Instantly remove the background from your photos |\n| [Neumorphism.io](https://neumorphism.io/#55b9f3) | Generate Soft-UI CSS shadow code |\n| [DB Designer](https://app.dbdesigner.net/) | Design your database for free online |\n| [Ui Bakery](https://uibakery.io/) | Create full-fledged web apps visually |\n| [Faux](http://knutsynstad.com/fauxcode/) | Turn real code into faux code |\n| [Rive](https://rive.app/) | Real-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.\n| [Unscreen](https://www.unscreen.com/) | Remove Video Background 100% Automatically and Free |\n| [Kodeshot](https://www.kodeshot.net/) | Convert your source code into nice pictures for your articles, tweets, messages, posts... |\n| [Wix](https://www.wix.com/) | Create a Website You’re Proud Of |\n| [GTmetrix](https://gtmetrix.com/) | Website Speed and Performance Optimization |\n| [Framer](https://www.framer.com/) | Is prototyping tool for teams |\n| [Draw.io](https://www.draw.io/) | Free online diagram editor tool |\n| [UXWing SVG Editor](https://uxwing.com/svg-icon-editor)| Creating and Edit SVG Online |\n| [CSS Arrow](http://www.cssarrowplease.com/)| Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like. |\n| [Lucidchart](https://www.lucidchart.com/pages/)| Diagramming and visualization tools that allows creating databases, flowcharts, boards, floor-maps, and much more. 3 multi-page documents on the free tier |\n| [Carbon](https://carbon.now.sh)| Create and share beautiful images of your source code by typing or drop a file. |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n\n## Others\n\n\u003eUncategorized Stuff\n\n| Website\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; | Description                                                        |\n| -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |\n| [everysize.kibalabs.com](https://everysize.kibalabs.com/) | Check your awesome responsive webpage looks great in every size |\n| [Devhints.io](https://devhints.io/) | This is a modest collection of cheatsheets on Internet |\n| [The Web Toolbox](https://thewebtoolbox.cc/)| A collection of handy, free-to-use tools for web developers, programmers and designers. |\n| [WebDevTrick](https://webdevtrick.com/)| A famous blog for many amazing HTML, CSS, JQuery designs. |\n| [css-tricks](https://css-tricks.com/)| Free CSS tricks and some unique ideas for beginners and advanced |\n| [Material Design Resizer](https://material.io/resources/resizer/)| An interactive viewer that helps designers test material design breakpoints across desktop, mobile, and tablet |\n| [Nodesign.dev](https://nodesign.dev) | A collection of tools for developers who have little to no artistic talent|\n| [A11ygator](https://a11ygator.chialab.io/)| A web tool to scan websites against WCAG rules |\n| [Commitizen](http://commitizen.github.io/cz-cli/)| Command line tool to formatted commit messages according to the standards |\n| [CleanCss](https://www.cleancss.com/)| Tool For Code Formatter, Minifier, File Converter |\n| [Tiny helpers](https://tiny-helpers.dev/)| A collection of free single-purpose online tools for web developers |\n| [CSS Ribbon Generator](https://www.cssportal.com/css-ribbon-generator/)| This generator will assist in creating a pure CSS corner ribbon. |\n| [Can I Use](https://caniuse.com/) | Check cross-browser compatibility of frontend technologies. |\n| [kangax-js-compat-table](https://kangax.github.io/compat-table/es6/) | Check JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility across different compilers, servers/runtimes and platforms (Desktop and Mobile).|\n| [mydevice.io](https://www.mydevice.io/)| Most commonly used device resolutions including phones and tablets |\n| [Codepen](https://codepen.io/) | Build, test and discover frontend code. |\n| [Responsively](https://manojvivek.github.io/responsively-app/) | A tool for designers and frontend developers to design and debug their in all platforms with ease |\n| [html2pdf.js](https://ekoopmans.github.io/html2pdf.js/) | Client-side HTML-to-PDF rendering using pure JS. |\n| [CSS Reference](https://cssreference.io/) | A collection of all css properties and definitions in detail |\n| [Critical Path CSS Generator](https://www.sitelocity.com/critical-path-css-generator) | Generate critical css for your web pages |\n| [SVG Gobbler](https://github.com/rossmoody/svg-gobbler) | Browser extension to find SVGs on a webpage and download, copy to clipboard, or export as PNG. |\n| [shortcode.dev](https://shortcode.dev) | A collection of useful snippets and code examples for HTML, CSS, JavaScript, Node, Artisan, Blade and more.  |\n| [PlayCode](https://playcode.io/) | Javascript playground.  |\n| [All The Tags](https://allthetags.com/) | All HTML tags briefly explained. |\n| [Vue Telemetry](https://vuetelemetry.com/) | Reveal the Vue plugins and technology stack powering any website or explore a database of 5500+ websites. |\n| [Grid.js](https://gridjs.io/) | Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs. |\n| [Gerillass](https://gerillass.com/) | Gerillass is a website development tool built on top of Sass with a set of Sass mixins and functions for frontend developers to generate scalable CSS outputs. |\n| [Sketchize](https://www.sketchize.com/) | Sketchize is built for UI/UX Designers to help them design lovely apps for mobile, tablet, and desktop devices. |\n| [{CSS}Portal](https://www.cssportal.com/) | CSSPortal is home to a large range of CSS generators, tools and resources. |\n| [DevDocs](https://devdocs.io/) | DevDocs combines multiple API documentations in a fast, organized, and searchable interface. |\n| [papersizes](https://papersizes.io/) | The best resource for International Paper Sizes, Dimensions \u0026 Formats. |\n| [Match Stick](https://matchstick.xyz/) | Visually compare your code and designs. Compare your mockups with your live website to pinpoint any missing details. |\n| [flexboxfroggy](http://flexboxfroggy.com/) | Help Froggy and friends by writing CSS code! |\n| [Designbetter Books](https://www.designbetter.co/books) | Essential reading on the practices that propel the best design teams forward. |\n| [OverAPI](https://overapi.com/) | Collection Of All Cheat Sheets. |\n| [Pageclip](https://pageclip.co/) | A server for your Static HTML forms |\n| [Shields](https://shields.io) | Create badges with your own customization. |\n| [williamsharkey](http://williamsharkey.com/Shapes.html) | Random SVG Graphic Generator |\n| [Bootstrap CheatSheet](https://bootstrap-cheatsheet.themeselection.com/) | An interactive list of Bootstrap classes, variables, and mixins. The only Bootstrap CheatSheet you will ever need. |\n\n\u003cdiv align=\"right\"\u003e\n    \u003cb\u003e\u003ca href=\"#table-of-contents\"\u003eBack To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/deeppaz%2Fawesome-resources-for-developers/projects"}