WebDev.Resources

Here are some web development resources that I've compiled along the way. This list is a work in progress.

AI Tools

• ChatGPT - An OpenAI chatbot that uses GPT-3.
• Midjourney - An AI Text to Image Generator.

Cloud Platforms

• Github - GitHub, Inc. is an Internet hosting service for software development and version control using Git.
• Netlify - A serverless development platform.
• PlanetScale - A serverless MySQL platform.
• Rapid API - An API hub.
• Supabase - An open-source Firebase alternative.
• Vercel - An easy deployment platform.
• Firebase - Firebase is an app development platform that helps you build and grow apps.
• UXWing - Another good place to find awesome icons just like @Fontawesome. IF you dont mind the ads.

Design Tools

• Canva - A graphic design platform.
• Favicon.io - A free favicon generator.
• Figma - A collaborative web application for interface design.
• Freepik - An image bank website.
• RemoveBG - A free background remover.
• TailwindUI Kit - A collection of pre-designed Tailwind CSS components.
• DaisyUI - Tailwind CSS components that are highly customizable.
• Preline - A tool that converts Figma designs into Tailwind CSS code.
• Tailwind CSS Cheat Sheet - A cheat sheet for Tailwind CSS classes.
• Heroicons - A collection of open-source SVG icons.
• CSS to TailwindCSS - A tool that converts CSS styles into Tailwind CSS classes.
• jsDelivr - A free open-source CDN.
• RapidAPI - Free SDK Documentation - Searchable directory of APIs.
• ICONScout - Curated SVGs, Vector Icons, Illustrations, 3D Graphics, and Lottie Animations.
• Fontawesome - Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.
• Clipboard.js - A modern approach to copy text to clipboard
• BEfonts - High quality fonts & design resources for free
• Google Fonts | Icons High quality fonts that are free and guess what, they have icons too. Free & Customizable!

Front-End

• Flowbite - A collection of components built with Tailwind CSS.
• Heroicons - A collection of icons from Tailwind CSS.
• React Icons - A library of popular icon packs for React.
• Tailwind CSS - A utility-first CSS framework.
• Tailwind Components - A collection of pre-designed Tailwind CSS components.
• Tailwind Play - An online editor for experimenting with Tailwind CSS classes.
• Bootstrap - The most popular HTML, CSS, and JS library in the world.
• Pure - A set of small, responsive CSS modules.
• Semantic UI - A development framework that helps create beautiful, responsive layouts using human-friendly HTML.
• Bulma - A free, open-source, and modern CSS framework based on Flexbox.

Miscellaneous

• Futurepedia.io - AI tool directory.
• Goodbrief - Random generator for design briefs.
• Gumroad - E-commerce platform.
• Product Hunt - A platform for discovering and sharing new products and services.
• Indie Hackers - A community for independent entrepreneurs and makers to share their experiences and learn from one another.
• BetaList - A platform for discovering and promoting upcoming startups and their products.
• AngelList - A platform for startups to connect with investors and job seekers to find employment opportunities in the startup world.
• Lofi Girl - Generate your playlist and background.
• Volta - Work in real-time with your team on open-source and private repositories, all in one place.

(Disclaimer: There are alot of other resources I use, but if its not being used alot more then I think I would need too, it may not make it on this list whereAS, some of these resources just are added yet and will be updated as often as possible.)