A curated list of useful web development tools, libraries, frameworks, and resources to help developers build better websites and web applications.
- 📦 Essential Web Tools for Everyone
- 🖼️ Image Optimization
- 🎨 Color Tools
- 📏 Unit Converters
- 🛠️ CSS Tools
- 🔤 Fonts & Typography
- 📌 Favicon Generator
- 🖼️ Placeholder Tools
- 🔍 SEO Tools
- 🌐 Server Monitoring Tool
- ⚙️ JavaScript Tools
- 🎬 Streaming Utility
- 🖍️ Logos, Icons & Emojis
- 🎨 Design Inspiration
- ✂️ Code Snippets
- 📊 Whiteboard/Diagramming tool
- 🗄️ Database tool
- ✅ How to Contribute
- 📄 License
| Name | Description | Link |
|---|---|---|
| TinyPNG | Optimizes PNG and JPEG images using smart lossy compression while preserving transparency and quality. | Link |
| CompressPNG | A free online tool to compress PNG files by reducing file size without losing visual quality. | Link |
| Compressor.io | Powerful online compressor for JPEG, PNG, GIF, SVG, and WebP images with both lossy and lossless options. | Link |
| Compress-or-Die | Advanced image compression tool offering detailed control over quality and file size for multiple formats. | Link |
| Name | Description | Link |
|---|---|---|
| Coolors | A fast and easy-to-use color palette generator that helps you create, explore, and save beautiful color schemes for any project. | Link |
| Adobe Color Wheel | A powerful tool to create and explore color harmonies based on color theory using a visual wheel. | Link |
| W3Schools Color Converter | Converts color values between HEX, RGB, HSL, and other formats quickly and easily. | Link |
| UI Gradients | A collection of beautiful, ready-to-use gradient backgrounds for websites and design projects. | Link |
| Color Mixer | Lets you blend two colors and view the resulting mix in HEX, RGB, and other formats. | Link |
| Color-hex | Provides hex color codes, palettes, and detailed color information with previews. | Link |
| Color Hunt | A curated collection of trendy and beautiful color palettes for designers and developers. | Link |
| Flat UI Colors | A collection of modern, flat design color palettes inspired by various regions and themes. | Link |
| Image Color Picker | Extracts colors from uploaded images and provides HEX, RGB, and HSV codes instantly. | Link |
| RGB To Hex | A simple tool to convert RGB color values to HEX format and vice versa. | Link |
| Color Name | Identifies the closest name and details for a given HEX color code. | Link |
| Name | Description | Link |
|---|---|---|
| NekoCalc (PX to REM) | A simple tool to convert pixels to rem based on a custom root font size for responsive CSS design. | Link |
| NinjaUnits (PX ↔ REM) | Converts between pixels and rem units with adjustable base font size settings. | Link |
| SimpleCSS (PX to EM) | Quickly converts pixel values to em units for scalable and accessible typography. | Link |
| Name | Description | Link |
|---|---|---|
| Can I Use? (Browser Support) | Lets you check browser compatibility for HTML, CSS, and JavaScript features across major browsers. | Link |
| CSS Reference | A visual guide to all CSS properties with practical examples and live previews. | Link |
| CSS Selectors & Units Cheat Sheet | A handy printable guide to CSS selectors and unit types for quick reference. | Link |
| CSS Clip Path Generator | A visual tool for generating and previewing complex CSS `clip-path` shapes. | Link |
| Name | Description | Link |
|---|---|---|
| The Good Line Height | Helps you calculate the optimal CSS line-height for better readability based on font size. | Link |
| ifonts | A free library of downloadable fonts for personal and commercial use, including previews and categories. | Link |
| Online Web Fonts | Offers a large collection of web-safe and downloadable fonts for use in web and graphic design. | Link |
| Cufon Fonts | A large collection of free fonts available for download and web use in various styles. | Link |
| Name | Description | Link |
|---|---|---|
| Formito Favicon Tool | Quickly generates favicons from images in various sizes and formats for web use. | Link |
| Name | Description | Link |
|---|---|---|
| Lorem Picsum | A free service that provides random or specific placeholder images for use in web and design projects. | Link |
| Name | Description | Link |
|---|---|---|
| Keyword Tool (Instagram) | Generates popular Instagram keyword and hashtag suggestions to help improve reach and engagement. | Link |
| Name | Description | Link |
|---|---|---|
| Web System Tools | Checks website availability and performance from multiple global locations in real-time. | Link |
| Name | Description | Link |
|---|---|---|
| ES6 Compatibility Table | A detailed chart showing ECMAScript 6 feature support across different browsers and JavaScript engines. | Link |
| Name | Description | Link |
|---|---|---|
| SaveSubs | Allows you to download subtitles from YouTube, Viki, and other video platforms in various formats. | Link |
| Name | Description | Link |
|---|---|---|
| Tabler Icons | A free, open-source collection of customizable and pixel-perfect SVG icons for modern web interfaces. | Link |
| Emojipedia | A comprehensive reference for emoji meanings, codes, and updates across platforms. | Link |
| Hot Emoji | Provides a searchable list of emojis with meanings and copy-paste functionality for quick use. | Link |
| World Vector Logo | A searchable collection of free, high-quality vector logos from global brands. | Link |
| Name | Description | Link |
|---|---|---|
| CollectUI | A daily collection of beautiful UI design inspirations sorted by category and pattern. | Link |
| UI Goodies | A handpicked collection of tools and resources for UI/UX designers and developers. | Link |
| The Component Gallery | A visual reference library showcasing real-world UI components from top digital products. | Link |
| Name | Description | Link |
|---|---|---|
| CSS Script | A curated list of lightweight JavaScript and CSS libraries, plugins, and code snippets for front-end development. | Link |
| Name | Description | Link |
|---|---|---|
| Lucidspark | A collaborative online whiteboard for brainstorming, diagramming, and team planning in real time. | Link |
| Draw.io | A free online diagramming tool to create flowcharts, org charts, network diagrams, and more. | Link |
| tldraw | A collaborative whiteboard app for drawing diagrams and sketches with a hand-drawn look. | Link |
| Excalidraw | A virtual whiteboard for sketching hand-drawn-like diagrams collaboratively in real time. | Link |
| OkSo | A minimalist thinking and sketching app for visualizing ideas with quick drawings and notes. | Link |
| Flowchart Fun | A text-based flowchart generator that turns your ideas into simple visual diagrams instantly. | Link |
| Esports Data Pipeline | An open-source project for collecting and processing esports data using a customizable data pipeline. | Link |
| Name | Description | Link |
|---|---|---|
| Database Diagram | An online tool to quickly create and share database relationship diagrams using simple code. | Link |
Have a free tool you love? Feel free to submit a pull request or open an issue!
This project is licensed under the MIT License.