├── .github └── FUNDING.yml ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md └── index.html /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: WebdevShefali 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry 12 | polar: # Replace with a single Polar username 13 | buy_me_a_coffee: 14 | thanks_dev: # Replace with a single thanks.dev username 15 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 16 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | We as members, contributors, and leaders pledge to make participation in our 6 | community a harassment-free experience for everyone, regardless of age, body 7 | size, visible or invisible disability, ethnicity, sex characteristics, gender 8 | identity and expression, level of experience, education, socio-economic status, 9 | nationality, personal appearance, race, religion, or sexual identity 10 | and orientation. 11 | 12 | We pledge to act and interact in ways that contribute to an open, welcoming, 13 | diverse, inclusive, and healthy community. 14 | 15 | ## Our Standards 16 | 17 | Examples of behavior that contributes to a positive environment for our 18 | community include: 19 | 20 | * Demonstrating empathy and kindness toward other people 21 | * Being respectful of differing opinions, viewpoints, and experiences 22 | * Giving and gracefully accepting constructive feedback 23 | * Accepting responsibility and apologizing to those affected by our mistakes, 24 | and learning from the experience 25 | * Focusing on what is best not just for us as individuals, but for the 26 | overall community 27 | 28 | Examples of unacceptable behavior include: 29 | 30 | * The use of sexualized language or imagery, and sexual attention or 31 | advances of any kind 32 | * Trolling, insulting or derogatory comments, and personal or political attacks 33 | * Public or private harassment 34 | * Publishing others' private information, such as a physical or email 35 | address, without their explicit permission 36 | * Other conduct which could reasonably be considered inappropriate in a 37 | professional setting 38 | 39 | ## Enforcement Responsibilities 40 | 41 | Project maintainers are responsible for upholding the standards of this 42 | Code of Conduct. They have the right to remove, edit, or reject contributions 43 | that violate these rules and take necessary action when needed 44 | 45 | ## Scope 46 | 47 | This Code of Conduct applies within all community spaces, and also applies when 48 | an individual is officially representing the community in public spaces. 49 | Examples of representing our community include using an official e-mail address, 50 | posting via an official social media account, or acting as an appointed 51 | representative at an online or offline event. 52 | 53 | ## Enforcement Guidelines 54 | 55 | Community leaders will follow these Community Impact Guidelines in determining 56 | the consequences for any action they deem in violation of this Code of Conduct: 57 | 58 | ### 1. Correction 59 | 60 | **Community Impact**: Use of inappropriate language or other behavior deemed 61 | unprofessional or unwelcome in the community. 62 | 63 | **Consequence**: A private, written warning from community leaders, providing 64 | clarity around the nature of the violation and an explanation of why the 65 | behavior was inappropriate. A public apology may be requested. 66 | 67 | ### 2. Warning 68 | 69 | **Community Impact**: A violation through a single incident or series 70 | of actions. 71 | 72 | **Consequence**: A warning with consequences for continued behavior. No 73 | interaction with the people involved, including unsolicited interaction with 74 | those enforcing the Code of Conduct, for a specified period of time. This 75 | includes avoiding interactions in community spaces as well as external channels 76 | like social media. Violating these terms may lead to a temporary or 77 | permanent ban. 78 | 79 | ### 3. Temporary Ban 80 | 81 | **Community Impact**: A serious violation of community standards, including 82 | sustained inappropriate behavior. 83 | 84 | **Consequence**: A temporary ban from any sort of interaction or public 85 | communication with the community for a specified period of time. No public or 86 | private interaction with the people involved, including unsolicited interaction 87 | with those enforcing the Code of Conduct, is allowed during this period. 88 | Violating these terms may lead to a permanent ban. 89 | 90 | ### 4. Permanent Ban 91 | 92 | **Community Impact**: Demonstrating a pattern of violation of community 93 | standards, including sustained inappropriate behavior, harassment of an 94 | individual, or aggression toward or disparagement of classes of individuals. 95 | 96 | **Consequence**: A permanent ban from any sort of public interaction within 97 | the community. 98 | 99 | ## Attribution 100 | 101 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], 102 | version 2.0, available at 103 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. 104 | 105 | Community Impact Guidelines were inspired by [Mozilla's code of conduct 106 | enforcement ladder](https://github.com/mozilla/diversity). 107 | 108 | [homepage]: https://www.contributor-covenant.org 109 | 110 | For answers to common questions about this code of conduct, see the FAQ at 111 | https://www.contributor-covenant.org/faq. Translations are available at 112 | https://www.contributor-covenant.org/translations. 113 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | 2 | # Contributing to Web Development Resources 🚀 3 | 4 | Thank you for your interest in contributing! 5 | 6 | This repository is a collection of helpful web development resources, and your contributions can help make it even better. 7 | 8 | ## How to Contribute 9 | 10 | ### 1. Fork the Repository 11 | Click the **Fork** button at the top-right of this repository to create a copy under your GitHub account. 12 | 13 | ### 2. Clone the Repository 14 | Once you've forked it, clone the repository to your local machine: 15 | 16 | ```sh 17 | git clone https://github.com/your-username/Web-Dev-Resources.git 18 | cd Web-Dev-Resources 19 | ``` 20 | 21 | ### 3. Add a New Resource 22 | - Find the relevant category in `README.md` and add your resource in **alphabetical order**. 23 | - If your resource doesn’t fit in an existing category, feel free to **add a new category**! 24 | - Ensure the link is correct and relevant to web development. 25 | 26 | ### 4. Commit Your Changes 27 | Create a new branch for your changes: 28 | ```sh 29 | git checkout -b add-new-resource 30 | ``` 31 | After making the changes, commit them: 32 | ```sh 33 | git add . 34 | git commit -m "Added [Resource Name] to [Category Name]" 35 | ``` 36 | 37 | ### 5. Push and Create a Pull Request 38 | Push the changes to your forked repository: 39 | ```sh 40 | git push origin add-new-resource 41 | ``` 42 | Go to the **Pull Requests** section of the original repository and click **New Pull Request**. 43 | 44 | ### 6. Wait for Review 45 | Your PR will be reviewed, and if everything looks good, it will be merged! 🎉 46 | 47 | --- 48 | 49 | ## Contribution Guidelines 50 | ✅ **Resources must be free and relevant to web development.** 51 | ✅ **Add new resources alphabetically within their category.** 52 | ✅ **New categories are welcomed if necessary.** 53 | ✅ **Ensure links are correct and not broken.** 54 | ✅ **No duplicate entries.** 55 | 56 | If you need any help, feel free to ask! Happy contributing! 🚀✨ 57 | 58 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Creative Commons Legal Code 2 | 3 | CC0 1.0 Universal 4 | 5 | CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE 6 | LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN 7 | ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS 8 | INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES 9 | REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS 10 | PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM 11 | THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED 12 | HEREUNDER. 13 | 14 | Statement of Purpose 15 | 16 | The laws of most jurisdictions throughout the world automatically confer 17 | exclusive Copyright and Related Rights (defined below) upon the creator 18 | and subsequent owner(s) (each and all, an "owner") of an original work of 19 | authorship and/or a database (each, a "Work"). 20 | 21 | Certain owners wish to permanently relinquish those rights to a Work for 22 | the purpose of contributing to a commons of creative, cultural and 23 | scientific works ("Commons") that the public can reliably and without fear 24 | of later claims of infringement build upon, modify, incorporate in other 25 | works, reuse and redistribute as freely as possible in any form whatsoever 26 | and for any purposes, including without limitation commercial purposes. 27 | These owners may contribute to the Commons to promote the ideal of a free 28 | culture and the further production of creative, cultural and scientific 29 | works, or to gain reputation or greater distribution for their Work in 30 | part through the use and efforts of others. 31 | 32 | For these and/or other purposes and motivations, and without any 33 | expectation of additional consideration or compensation, the person 34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she 35 | is an owner of Copyright and Related Rights in the Work, voluntarily 36 | elects to apply CC0 to the Work and publicly distribute the Work under its 37 | terms, with knowledge of his or her Copyright and Related Rights in the 38 | Work and the meaning and intended legal effect of CC0 on those rights. 39 | 40 | 1. Copyright and Related Rights. A Work made available under CC0 may be 41 | protected by copyright and related or neighboring rights ("Copyright and 42 | Related Rights"). Copyright and Related Rights include, but are not 43 | limited to, the following: 44 | 45 | i. the right to reproduce, adapt, distribute, perform, display, 46 | communicate, and translate a Work; 47 | ii. moral rights retained by the original author(s) and/or performer(s); 48 | iii. publicity and privacy rights pertaining to a person's image or 49 | likeness depicted in a Work; 50 | iv. rights protecting against unfair competition in regards to a Work, 51 | subject to the limitations in paragraph 4(a), below; 52 | v. rights protecting the extraction, dissemination, use and reuse of data 53 | in a Work; 54 | vi. database rights (such as those arising under Directive 96/9/EC of the 55 | European Parliament and of the Council of 11 March 1996 on the legal 56 | protection of databases, and under any national implementation 57 | thereof, including any amended or successor version of such 58 | directive); and 59 | vii. other similar, equivalent or corresponding rights throughout the 60 | world based on applicable law or treaty, and any national 61 | implementations thereof. 62 | 63 | 2. Waiver. To the greatest extent permitted by, but not in contravention 64 | of, applicable law, Affirmer hereby overtly, fully, permanently, 65 | irrevocably and unconditionally waives, abandons, and surrenders all of 66 | Affirmer's Copyright and Related Rights and associated claims and causes 67 | of action, whether now known or unknown (including existing as well as 68 | future claims and causes of action), in the Work (i) in all territories 69 | worldwide, (ii) for the maximum duration provided by applicable law or 70 | treaty (including future time extensions), (iii) in any current or future 71 | medium and for any number of copies, and (iv) for any purpose whatsoever, 72 | including without limitation commercial, advertising or promotional 73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each 74 | member of the public at large and to the detriment of Affirmer's heirs and 75 | successors, fully intending that such Waiver shall not be subject to 76 | revocation, rescission, cancellation, termination, or any other legal or 77 | equitable action to disrupt the quiet enjoyment of the Work by the public 78 | as contemplated by Affirmer's express Statement of Purpose. 79 | 80 | 3. Public License Fallback. Should any part of the Waiver for any reason 81 | be judged legally invalid or ineffective under applicable law, then the 82 | Waiver shall be preserved to the maximum extent permitted taking into 83 | account Affirmer's express Statement of Purpose. In addition, to the 84 | extent the Waiver is so judged Affirmer hereby grants to each affected 85 | person a royalty-free, non transferable, non sublicensable, non exclusive, 86 | irrevocable and unconditional license to exercise Affirmer's Copyright and 87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the 88 | maximum duration provided by applicable law or treaty (including future 89 | time extensions), (iii) in any current or future medium and for any number 90 | of copies, and (iv) for any purpose whatsoever, including without 91 | limitation commercial, advertising or promotional purposes (the 92 | "License"). The License shall be deemed effective as of the date CC0 was 93 | applied by Affirmer to the Work. Should any part of the License for any 94 | reason be judged legally invalid or ineffective under applicable law, such 95 | partial invalidity or ineffectiveness shall not invalidate the remainder 96 | of the License, and in such case Affirmer hereby affirms that he or she 97 | will not (i) exercise any of his or her remaining Copyright and Related 98 | Rights in the Work or (ii) assert any associated claims and causes of 99 | action with respect to the Work, in either case contrary to Affirmer's 100 | express Statement of Purpose. 101 | 102 | 4. Limitations and Disclaimers. 103 | 104 | a. No trademark or patent rights held by Affirmer are waived, abandoned, 105 | surrendered, licensed or otherwise affected by this document. 106 | b. Affirmer offers the Work as-is and makes no representations or 107 | warranties of any kind concerning the Work, express, implied, 108 | statutory or otherwise, including without limitation warranties of 109 | title, merchantability, fitness for a particular purpose, non 110 | infringement, or the absence of latent or other defects, accuracy, or 111 | the present or absence of errors, whether or not discoverable, all to 112 | the greatest extent permissible under applicable law. 113 | c. Affirmer disclaims responsibility for clearing rights of other persons 114 | that may apply to the Work or any use thereof, including without 115 | limitation any person's Copyright and Related Rights in the Work. 116 | Further, Affirmer disclaims responsibility for obtaining any necessary 117 | consents, permissions or other rights required for any use of the 118 | Work. 119 | d. Affirmer understands and acknowledges that Creative Commons is not a 120 | party to this document and has no duty or obligation with respect to 121 | this CC0 or use of the Work. 122 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Web Development Resources 2 | 3 | A collection of free web development resources, including APIs, hosting platforms, cheat sheets, icons, templates, fonts, color tools, learning platforms, and more. 4 | 5 | If you found this useful, **star** ⭐ the repo and share it with others! 🚀 6 | 7 | ## Links 8 | [![blog](https://img.shields.io/badge/my_blog-000?style=for-the-badge)](https://shefali.dev/blog) 9 | [![newsletter](https://img.shields.io/badge/newsletter-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://shefali.beehiiv.com/subscribe) 10 | [![twitter](https://img.shields.io/badge/X_(twitter)-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://x.com/Shefali__J) 11 | [![buymeacoffee](https://img.shields.io/badge/buy_me_a_coffee-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://buymeacoffee.com/devshefali) 12 | 13 | ## Inspiration 14 | 15 | This project is inspired by [Ultimate Web Development Resources](https://github.com/DhanushNehru/Ultimate-Web-Development-Resources) 16 | 17 | ## Contributing 18 | 19 | Contributions are always welcome! 20 | 21 | Please take a look at [CONTRIBUTING.md](CONTRIBUTING.md) for ways to get started. 22 | 23 | Please adhere to this project's [CODE_OF_CONDUCT](CODE_OF_CONDUCT.md). 24 | 25 | ## Table of Contents 26 | 27 | - [APIs](#apis-) 28 | - [Cheat Sheets](#cheat-sheets) 29 | - [Color Resources](#color-resources-) 30 | - [CSS Generators](#css-generators-) 31 | - [Design Inspiration](#design-inspiration-) 32 | - [Fonts](#fonts-) 33 | - [Frontend Libraries](#frontend-libraries-) 34 | - [Hosting Platforms](#hosting-platforms-) 35 | - [HTML/CSS Templates](#htmlcss-templates-) 36 | - [Icons](#icons-) 37 | - [JavaScript Animation Libraries](#javascript-animation-libraries-) 38 | - [Learn CSS by Playing Games](#learn-css-by-playing-games-) 39 | - [Learn Web Development](#learn-web-development-) 40 | - [React Libraries](#react-libraries-) 41 | - [Tailwind Components](#tailwind-components-) 42 | - [Sites for Vectors, Images, and Illustrations](#sites-for-vectors-images-and-illustrations-) 43 | - [Others](#others) 44 | 45 | ## APIs 🔥 46 | 47 | - [Chuck Norris Jokes API](https://api.chucknorris.io/) 48 | - [CloudConvert API](https://cloudconvert.com/api/v2) 49 | - [CoinPaprika API](https://coinpaprika.com/api/) 50 | - [Dogs API](https://thedogapi.com/) 51 | - [Fake Store API](https://fakestoreapi.com/) 52 | - [GIPHY API](https://developers.giphy.com/docs/sdk) 53 | - [GitHub API](https://docs.github.com/en/rest) 54 | - [IPStack](https://ipstack.com/) 55 | - [Marvel API](https://developer.marvel.com/) 56 | - [Movie (OMDb) API](http://www.omdbapi.com/) 57 | - [NASA API](https://api.nasa.gov/) 58 | - [News API](https://newsapi.org/) 59 | - [Open Food Facts API](https://world.openfoodfacts.org/data) 60 | - [OpenSea API](https://docs.opensea.io/) 61 | - [OpenWeatherMap API](https://openweathermap.org/api) 62 | - [OneDrive API](https://docs.microsoft.com/en-us/onedrive/developer/rest-api/) 63 | - [Pokemon API](https://pokeapi.co/) 64 | - [Public APIs](https://publicapis.io/) 65 | - [Reddit API](https://www.reddit.com/dev/api/) 66 | - [REST Countries API](https://restcountries.com/) 67 | - [TV Maze API](https://www.tvmaze.com/api) 68 | - [Unsplash API](https://unsplash.com/developers) 69 | - [VirusTotal API](https://developers.virustotal.com/reference) 70 | 71 | ## Cheat Sheets🔥 72 | 73 | - [HTML Cheat Sheet](https://htmlcheatsheet.com/) 74 | - [CSS Cheat Sheet](https://websitesetup.org/css3-cheat-sheet/) 75 | - [JavaScript Cheat Sheet](https://javascript.info/) 76 | - [Git Cheat Sheet](https://education.github.com/git-cheat-sheet-education.pdf) 77 | - [Markdown Cheat Sheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) 78 | - [React Cheat Sheet](https://reactcheatsheet.com/) 79 | - [Learn x in y minutes](https://learnxinyminutes.com/) 80 | - [SQL Cheat Sheet](https://sqlbolt.com/) 81 | - [OverAPI](https://overapi.com/) 82 | 83 | ## Color Resources 🔥 84 | 85 | - [Adobe Color](https://color.adobe.com/create) 86 | - [Coolors](https://coolors.co/) 87 | - [ColorHub](https://colorhub.app/) 88 | - [ColorHunt](https://colorhunt.co/) 89 | - [ColorHexa](https://www.colorhexa.com/) 90 | - [Colorion](https://colorion.co/) 91 | - [ColorKit](https://colorkit.co/) 92 | - [Colormind](http://colormind.io/) 93 | - [ColorPicker](https://www.colorpicker.com/) 94 | - [MyColor](https://mycolor.space/) 95 | - [Paletton](http://paletton.com/) 96 | 97 | ## CSS Generators 🔥 98 | 99 | - [Animation Generator](https://animista.net/) 100 | - [Background Patterns](https://heropatterns.com/) 101 | - [Border Radius Generator](https://cssnippets.shefali.dev/borderradiusgenerator) 102 | - [Box Shadow Generator](https://cssnippets.shefali.dev/boxshadowgenerator) 103 | - [Button Generator](https://markodenic.com/tools/buttons-generator/) 104 | - [Blob Maker](https://www.blobmaker.app/) 105 | - [Claymorphism Generator](https://cssnippets.shefali.dev/claymorphismgenerator) 106 | - [Clip Path Generator](https://bennettfeely.com/clippy/) 107 | - [Glassmorphism Generator](https://markodenic.com/tools/glassmorphism-css-generator/) 108 | - [Gradient Background Generator](https://cssnippets.shefali.dev/gradientbackgroundgenerator) 109 | - [Neumorphism Generator](https://neumorphism.io/) 110 | - [Text Shadow Generator](https://cssnippets.shefali.dev/borderradiusgenerator) 111 | - [Waves Generator](https://getwaves.io/) 112 | 113 | 114 | ## Design Inspiration 🔥 115 | 116 | - [Abduzeedo](https://abduzeedo.com/) 117 | - [Awwwards](https://www.awwwards.com/) 118 | - [Behance](https://www.behance.net/) 119 | - [Best Website Gallery](https://bestwebsite.gallery/) 120 | - [Collect UI](https://collectui.com/) 121 | - [Design Inspiration](https://www.designspiration.com/) 122 | - [Dribbble UI Space](https://dribbble.com/) 123 | - [Freebies UI](https://freebiesui.com/) 124 | - [Landbook](https://land-book.com/) 125 | - [Muzli](https://muz.li/) 126 | - [One Page Love](https://onepagelove.com/) 127 | - [Pageflows](https://pageflows.com/) 128 | - [Pinterest](https://www.pinterest.com/) 129 | - [Site Inspire](https://www.siteinspire.com/) 130 | - [Websitevice](https://www.websitevice.com/) 131 | - [XDGuru](https://xdguru.com/) 132 | 133 | ## Fonts 🔥 134 | 135 | - [1001FreeFonts](https://www.1001freefonts.com/) 136 | - [AbstractFonts](https://www.abstractfonts.com/) 137 | - [DaFont](https://www.dafont.com/) 138 | - [DevFonts](https://devfonts.gafi.dev/) 139 | - [FontFabric](https://www.fontfabric.com/) 140 | - [Fontjoy](https://fontjoy.com/) 141 | - [Fontsly](https://www.fontsly.com/) 142 | - [FontSpace](https://www.fontspace.com/) 143 | - [FontZone](https://www.fontzone.net/) 144 | - [FontSquirrel](https://www.fontsquirrel.com/) 145 | - [Google Fonts](https://fonts.google.com/) 146 | 147 | ## Frontend Libraries 🔥 148 | 149 | - [Animate.css](https://animate.style) 150 | - [AOS (Animate on Scroll)](https://michalsnik.github.io/aos) 151 | - [Chart.js](https://www.chartjs.org) 152 | - [Day.js](https://day.js.org) 153 | - [Floating UI](https://floating-ui.com) 154 | - [FullCalendar](https://fullcalendar.io) 155 | - [Lottie by Airbnb](https://lottiefiles.com/free-animations/airbnb) 156 | - [SortableJS](https://sortablejs.github.io/Sortable) 157 | - [SweetAlert2](https://sweetalert2.github.io) 158 | - [Swiper](https://swiperjs.com) 159 | - [Tippy.js](https://atomiks.github.io/tippyjs) 160 | - [Vivus](https://maxwellito.github.io/vivus) 161 | 162 | ## Hosting Platforms 🔥 163 | 164 | - [Appwrite](https://appwrite.io/) 165 | - [Cyclic.sh](http://cyclic.sh/) 166 | - [Firebase Hosting](https://firebase.google.com/docs/hosting) 167 | - [GitHub Pages](https://pages.github.com/) 168 | - [InfinityFree](https://infinityfree.net/) 169 | - [Netlify](https://www.netlify.com/) 170 | - [Railway](https://railway.com/) 171 | - [Render](https://render.com/) 172 | - [Supabase](https://supabase.io/) 173 | - [Surge](https://surge.sh/) 174 | - [Vercel](https://vercel.com/) 175 | 176 | ## HTML/CSS Templates 🔥 177 | 178 | - [BootstrapMade](https://bootstrapmade.com/) 179 | - [BootstrapTaste](https://bootstraptaste.com/) 180 | - [Bootswatch](https://bootswatch.com/) 181 | - [Cruip](https://cruip.com/) 182 | - [Free-CSS](https://www.free-css.com/) 183 | - [FreeHTML5](https://freehtml5.co/) 184 | - [HTML5UP](https://html5up.net/) 185 | - [HTMLRev](https://www.htmlrev.com/) 186 | - [HTML5xCSS3](https://www.html5xcss3.com/) 187 | - [Start Bootstrap](https://startbootstrap.com/) 188 | - [Templated](https://templated.co/) 189 | - [Tooplate](https://www.tooplate.com/) 190 | 191 | ## Icons 🔥 192 | 193 | - [BoxIcons](https://boxicons.com/) 194 | - [FontAwesome](https://fontawesome.com/) 195 | - [Feather Icons](https://feathericons.com/) 196 | - [Flaticon](https://www.flaticon.com/) 197 | - [Iconfinder](https://www.iconfinder.com/) 198 | - [IcoFont](https://icofont.com/) 199 | - [Iconsmind](https://iconsmind.com/) 200 | - [Iconmonstr](https://iconmonstr.com/) 201 | - [Icons8](https://icons8.com/) 202 | - [Iconify](https://iconify.design/) 203 | - [Lucide](https://lucide.dev/) 204 | - [Material Icons](https://material.io/resources/icons/) 205 | - [SVGHUB](https://www.svghub.com/) 206 | - [SVGRepo](https://www.svgrepo.com/) 207 | - [Tabler Icons](https://tabler-icons.io/) 208 | 209 | ## JavaScript Animation Libraries 🔥 210 | 211 | - [AniJS](https://anijs.github.io/) 212 | - [Anime.js](https://animejs.com/) 213 | - [GSAP](https://greensock.com/gsap/) 214 | - [Popmotion](https://popmotion.io/) 215 | - [ScrollReveal.js](https://scrollrevealjs.org/) 216 | - [Typed.js](https://mattboldt.com/demos/typed-js/) 217 | - [Velocity.js](http://velocityjs.org/) 218 | - [Wow.js](https://wowjs.uk/) 219 | 220 | ## Learn CSS by Playing Games 🔥 221 | 222 | - [CSS Diner](https://flukeout.github.io/) 223 | - [CSSBattle](https://cssbattle.dev/) 224 | - [Flexbox Defense](http://www.flexboxdefense.com/) 225 | - [Flexbox Froggy](https://flexboxfroggy.com/) 226 | - [Flexbox Zombies](https://mastery.games/flexboxzombies) 227 | - [Grid Garden](https://cssgridgarden.com/) 228 | 229 | ## Learn Web Development 🔥 230 | 231 | ### Websites 232 | 233 | - [Codecademy](https://www.codecademy.com/) 234 | - [Coursera](https://www.coursera.org/) 235 | - [freeCodeCamp](https://www.freecodecamp.org/) 236 | - [Frontend Mentor](https://www.frontendmentor.io/) 237 | - [Javascript30](https://javascript30.com/) 238 | - [Khan Academy](https://www.khanacademy.org/) 239 | - [Learnify](https://learnify.shefali.dev/) 240 | - [MDN Web Docs](https://developer.mozilla.org/en-US/) 241 | - [Scrimba](https://scrimba.com/) 242 | - [TheOdinProject](https://www.theodinproject.com/) 243 | - [W3Schools](https://www.w3schools.com/) 244 | 245 | ### YouTube Channels 246 | 247 | - [Code with Harry](https://www.youtube.com/channel/UCeVMnSShP_Iviwkknt83cww) 248 | - [Coder Coder](https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ) 249 | - [FreeCodeCamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ) 250 | - [The Coding Train](https://www.youtube.com/user/shiffman) 251 | - [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg) 252 | - [Traversy Media](https://www.youtube.com/user/TechGuyWeb) 253 | - [Web Dev Simplified](https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw) 254 | 255 | ## React Libraries 🔥 256 | 257 | - [Chakra UI](https://chakra-ui.com) 258 | - [Formik](https://formik.org) 259 | - [Framer Motion](https://www.framer.com/motion) 260 | - [Material-UI (MUI)](https://mui.com) 261 | - [Recharts](https://recharts.org) 262 | - [React Bootstrap](https://react-bootstrap.github.io) 263 | - [React DnD](https://react-dnd.github.io/react-dnd/about) 264 | - [React Helmet](https://github.com/nfl/react-helmet) 265 | - [React Hook Form](https://react-hook-form.com) 266 | - [React i18next](https://react.i18next.com) 267 | - [React Router]( https://reactrouter.com/) 268 | - [React Spinner](https://www.npmjs.com/package/react-spinners) 269 | - [React Virtualized](https://github.com/bvaughn/react-virtualized) 270 | - [Styled Components](https://styled-components.com) 271 | 272 | ## Tailwind Components 🔥 273 | - [Creative Tim](https://www.creative-tim.com/) 274 | - [CSSnippets](https://cssnippets.shefali.dev/) 275 | - [Flowbite](https://flowbite.com/) 276 | - [Daisy UI](https://daisyui.com/) 277 | - [Headless UI](https://headlessui.com/) 278 | - [Hyper UI](https://www.hyperui.dev/) 279 | - [Meraki UI](https://merakiui.com/) 280 | - [Tailblocks](https://tailblocks.cc/) 281 | - [Tailwind Color Generator](https://uicolors.app/) 282 | - [Tailwind Toolbox](https://www.tailwindtoolbox.com/) 283 | - [Tailwind UI](https://tailwindui.com/) 284 | 285 | ## Sites for Vectors, Images, and Illustrations 🔥 286 | 287 | - [Flaticon](https://www.flaticon.com/) 288 | - [FreeDesignFile](https://freedesignfile.com/) 289 | - [Freepik](https://www.freepik.com/) 290 | - [Openclipart](https://openclipart.org/) 291 | - [Pexels](https://www.pexels.com/) 292 | - [Pixabay](https://pixabay.com/) 293 | - [SVGRepo](https://www.svgrepo.com/) 294 | - [SVGBackgrounds](https://www.svgbackgrounds.com/) 295 | - [Unsplash](https://unsplash.com/) 296 | - [Vectorportal](https://www.vectorportal.com/) 297 | - [Vecteezy](https://www.vecteezy.com/) 298 | - [Vectorian](https://www.vectorian.net/) 299 | 300 | ## Others 301 | 302 | - [CSS to Tailwind CSS Converter](https://styleshift.shefali.dev/) 303 | - [Markdown Preview](https://freecodetools.org/markdown-preview/) 304 | - [URL Shortener](https://cliow.com/) 305 | 306 | # Hi, I'm Shefali! 👋 307 | 308 | You can connect with me on [X (Twitter)](https://x.com/Shefali__J) 309 | 310 | If you found this useful, **star** ⭐ the repo and share it with others! 🚀 311 | 312 | Thank you :) 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 13 | 14 | 15 |
16 | 22 | 23 | 27 | 28 | 29 | 30 | --------------------------------------------------------------------------------