Dev Special Tools

• roadmap.sh - roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide developers in picking up a path and guide their learnings.
• free-for.dev - Developers and Open Source authors now have many services offering free tiers, but finding them all takes time to make informed decisions. This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings with free developer tiers. `**Awesome list to all free software(SaaS, PaaS, IaaS**`
• devdocs.io - API documentations in a fast, organized, and searchable interface
• regex101 - `**Regex tool**`
• npmtrends - Compare package download counts over time
• website.ddevi - Build AI website & landing pages in 10 seconds!
• magicpattern.design - A collection of tools to enhance your design and code workflow. Perfect for developers, designers and marketers.
• grid.layoutit - CSS grid generator
• animatedbackgrounds - Animated backgrounds
• wave-generator - wave-generator
• wizardshot - Wizardshot is a web app & Chrome extension that allows you to create step-by-step tutorials simply by capturing your screen.
• frontendplanet - 22 Handpicked Websites With Beautiful Gradient Examples [2023]
• vectorizer - Convert your PNG and JPG images to SVG vectors quickly and easily. Fully automatically. Using AI.
• codeflow - Analyse the GitHub repository in better way
• allthefreestock - Free Stock Images & Videos 📷 AllTheFreeStock.com
• GitHub Profile README Generator - GitHub Profile README Generator
• similarweb - Click on any animation to replay. Click on the code snippet to expand it to full HTML, and use the "Copy" button to grab the code.
• cssloaders - Loaders
• cssanimation.io - Click on any animation to replay. Click on the code snippet to expand it to full HTML, and use the "Copy" button to grab the code.
• animista.net - Click on any animation to replay. Click on the code snippet to expand it to full HTML, and use the "Copy" button to grab the code.
• neat - Beautiful gradient animations for your website
• minimamente - CSS3 Animations with special effects.
• cssfx - A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use.
• cssbuttons - Animated buttons
• ui.glass - A modern CSS UI library based on the glassmorphism design principles that will help you quickly design and build beautiful websites and applications.
• app.haikei.app - Generate unique SVG design assets
• creatica.app - SVG Generator
• svgwave - SVG Generator
• fffuel.co - fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds
• shields.io - Concise, consistent, and legible badges
• jitter.video - Free motion graphics templates. Create professional animations in no time with Jitter’s collection of free, fully customizable motion design templates.
• shots.so - All-in-One Mockup App. Create, edit, and share with our mockup app. Whether it's websites, iPhones, or animations — you'll find everything in one place.
• app.rotato.app - 3D mockups of your mobile and desktop designs
• visual.app - Explore our fast and free browser-based design tools for finding colors and editing images.
• hasty.dev - Unleash the power of performance by comparing your code. In other words, only use your champion.
• logo.com - Download logos in high-quality JPEG, PNG, SVG, and more. | Paid/Credit based
• coverr - Free stock videos you can recreate with AI | Paid/Credit based
• freepik - Free stock video footage. Find stunning royalty-free footage and motion graphics
• videezy - Free HD Stock Footage & 4K Videos!
• cleanup.pictures - Remove any unwanted object, people or text from your picture
• kit.com - Email marketing that automates your growth

Image Optimization Tools

• imgto.xyz - Optimize Your Images for Free | Easily optimize and compress your images to help improve performance. All free!
• remove.bg - Remove Image Background 100% Automatically and Free
• pixlr.com - Remove BG with the Background remover!
• Erase.bg - Remove BG with the Background remover!
• Magiccanvas.ai - All-in-One AI Image & Video Editor | 30+ AI image & video tools on one workflow canvas—remove or replace backgrounds/objects, swap faces, expand images, upscale, and create videos fast.
• Tools.design - All-in-One AI Image & Video Editor | 30+ AI image & video tools on one workflow canvas—remove or replace backgrounds/objects, swap faces, expand images, upscale, and create videos fast.

• Future Tools
• HeadShotPro
• ProfilePic Maker
• FilePizza
• welib.st
• Draw.io
• Alternativeto - sourced and free site that helps you find better apps and services
• BugMeNot
• Remove vocal from songs - a karaoke version of your song (no vocals) and acapella version (isolated vocals). Despite the complexity and high cost of service, you can use it absolutely free. Processing usually takes about 10 seconds.
• async
• Pallyy

✨ Animations

• apiprobe - Simple & Powerful API Testing
• Best-websites-a-programmer-should-visit - Some useful websites for programmers.
• apimocker - A comprehensive fake REST API service for developers
• Web haptics - Haptic feedback for the mobile web
• wigggle-ui - The first ever collection of Widgets for the Web.
• Squoosh - Lottie app demo app
• lottie-app-demo - Compress image files
• tldraw - Very good free whiteboard
• eraser - AI for technical design and documentation
• manuarora resources - Helpful websites that I've been using for years that have helped me in developing applications and much more.

✨ Animations

• Aceternity UI - Trending animations/effects.
• tailkits.com - Tailwind Components with Native MCP Support. 200+ production-ready components your AI already knows. Just describe your UI — get clean code, ship faster.

🧱 Component Libraries

• tweakcn - Design Your Perfect shadcn/ui Theme. Customize colors, typography, and layouts with a real-time preview.
• shadcnthemes - shadcn themes generator
• ui.jln - shadcn themes generator
• 21st.dev - Explore all components at one place `**Components and Blocks**`
• uselayouts - A micro-interaction UI library for professionals. `**Components and Blocks**`
• shadcnui-blocks - Beautiful & Production-Ready shadcn/ui Blocks & Components `**Components and Blocks**`
• components.work - Design without limits. `**Components and Blocks**`
• optics.agusmayol - Design without limits. `**Components and Blocks**`
• aliimam - Design without limits. `**Components and Blocks**`
• badtz-ui - Design without limits. `**Components and Blocks**`
• kokonutui - Collection of 100+ UI Components and templates built with React, Next.js, and Tailwind CSS. Rapidly build beautiful websites.

✨ Animations

• desishub
• devlawrence
• charltonk
• codeclash
• codervai
• naymur

✨ Animations

• Reactive Resume - Reactive Resume is a free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.
• standardresume - Reactive Resume is a free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.
• heycv - Reactive Resume is a free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.
• heycv - Build a Professional Resume in Just Minutes – 100% Free and Easy
• rezi.ai - Build a Professional Resume in Just Minutes – 100% Free and Easy

🖌️ Color & Typography

• Coolors - Fast color palette generator.

🖼️ Templates & Layouts

• Dribbble - UI specific shots.
• Templates - Jumpstart your app development process with pre-built solutions from Vercel and our community.
• nextjs Templates - 25+ Best Free and Premium Next.js Templates for Your Next Projects
• statichunt - Best Free and Premium Next.js Templates for Your Next Projects
• framer - Free Website Templates

✨ Animations

• cosmos - Your space for inspiration. Discover, search, and save what's next.

✨ Animations

• Omatsuri - All-in-one PWA for design generators (CSS triangles, gradients).
• 3dtransformer - Create beautiful images of your code.
• colorflow - Create beautiful background for your website