awesome-design-productivity

KO | EN

gitlite — search

#react #bash #graphql #machine-learning #html #go #agents #llm #security #electron

awesome-design-productivity

(★ 11)

🚀 A curated collection of the best free developer tools, design resources, AI tools, productivity apps, and web development essentials for developers, designers, creators, and startups.

파일 탐색기

ZIP 다운로드

LICENSE
README.md

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

# 프로젝트 배지

Awesome 바로가기

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> A curated collection of the best **free** tools for designers, developers, creators, marketers, and productivity enthusiasts. No freemium, no paywalls, no forced sign-ups—just high-quality tools that save time and improve workflows.

Discover hand-picked tools that save time, improve workflows, and help you build better products—from code screenshots and resume builders to color palettes, typography, AI, SEO, and developer utilities.

## ✨ What you'll find

* 💻 Developer & Webmaster Tools
* 💼 Career & Business
* 🎨 Design & Visual Assets
* ✍️ Text & Typography
* 🤖 AI Assistants
* 🖼️ Free Stock Images
* 🔒 Security & Encryption
* 🧪 Data & Testing
* 🕐 Time & Date
* 📄 Files & PDF
* 🔍 SEO & Analytics
* 🕌 Islamic Tools
* 📚 Learning & Education
* 🌦️ Weather & Everyday

---

## 💻 Developer & Webmaster Tools
*Utilities for coding, formatting, and web development.*

* **[Codeshot.io](https://codeshot.io/)** — A free **code to image generator**. Turn code snippets, terminal sessions, and logs into beautiful, high-resolution PNG/SVG screenshots. Runs 100% locally in your browser with no watermarks.
* **[decoder.tools](https://decoder.tools/)** — A developer's **decoding multitool** with 90 decoders and parsers in one place: Base64, JWT, hex, URL, classical ciphers, X.509 certificates, packet headers and structured IDs.
* **[favicon.tools](https://favicon.tools/)** — Generate a full **favicon set** from any image, emoji or text, convert an existing logo, or check what any live site serves. Exports `favicon.ico`, Apple touch icons and the ready HTML snippet.
* **[Slugme.io](https://slugme.io/)** — An instant, client-side **URL slug generator**. Paste any title to instantly strip special characters and generate clean, SEO-friendly permalinks.
* **[Regex101](https://regex101.com/)** — Interactive regular expression tester with real-time explanations and debugging.
* **[JSON Formatter](https://jsonformatter.org/)** — Format, validate, and beautify JSON data securely in the browser.
* **[Transform.tools](https://transform.tools/)** — Convert between dozens of programming formats (JSON to TS, SVG to JSX, etc.).
* **[Can I Use](https://caniuse.com/)** — Up-to-date browser support tables for front-end web technologies.
* **[Responsively App](https://responsively.app/)** — A must-have dev tool for responsive web development across multiple device sizes simultaneously.

---

## 💼 Career & Business
*Tools for personal branding and professional networking.*

* **[Cviya.com](https://cviya.com/)** — A 100% free, ATS-friendly **AI resume builder**. Generate a professional CV in minutes with AI-assisted writing and download a clean PDF with zero watermarks.
* **[CarteVisite.io](https://cartevisite.io/)** — A free online **business card generator** (créer une carte de visite en ligne). Design professional, double-sided cards in your browser and export print-ready HD files.
* **[QrFast.io](https://qrfast.io/)** — A fast, privacy-focused **free QR code generator**. Create custom QR codes for URLs, WiFi, or vCards and download as vector SVG or PNG instantly. See the [QR Code Engineering Guide](https://github.com/abdessamadbettal/qr-code-engineering-guide) for how it's built under the hood.
* **[Nutilz CD Calculator](https://nutilz.com/cd-calculator)** — A free **certificate of deposit calculator**. Enter your deposit amount, term, and APY to see maturity value and total interest earned, with support for compounding frequency. No sign-up required.

---

## 🎨 Design & Visual Assets
*Instant generators for branding, color palettes, and icons.*

* **[Arabify.io](https://arabify.io/)** — A free **Arabic calligraphy generator** and logo maker. Create beautiful Islamic art, animated typography, and SVG/PNG brand wordmarks with full harakat (diacritics).
* **[Khatly.com](https://khatly.com/)** — A browser-based **Arabic calligraphy design studio**. Access 28 traditional and modern Arabic fonts to generate stunning typography with live color controls.
* **[collage.tools](https://collage.tools/)** — A free **photo collage maker** with smart grid layouts, seamless Instagram carousels, before/after comparison sliders, and freeform moodboards with color-palette extraction.
* **[Typing Words GIF](https://typingwordsgif.com/)** — A free **typing text GIF maker**. Type words, customize style, and export an animated GIF entirely in the browser with no signup.
* **[Coolors](https://coolors.co/)** — A super-fast color palette generator. Press the spacebar to instantly get beautiful color combinations.
* **[Color Hunt](https://colorhunt.co/)** — A free and open platform for color inspiration with thousands of trendy hand-picked palettes.
* **[Lucide](https://lucide.dev/)** — A beautiful, consistent, and open-source icon toolkit.
* **[SVG Repo](https://www.svgrepo.com/)** — Download over 500,000+ free SVG vectors and icons for commercial use.

---

## ✍️ Text & Typography
*Writing assistants and text formatting utilities.*

* **[Arabizi.io](https://arabizi.io/)** — A real-time **Arabizi to Arabic phonetic keyboard**. Type in Latin letters and it instantly converts to perfectly formatted Arabic script with automatic vowels.
* **[WordCounter](https://wordcounter.net/)** — A simple, client-side text editor that counts words and characters as you type.
* **[DeepL](https://www.deepl.com/translator)** — The world's most accurate and nuanced AI translator.
* **[Hemingway Editor](https://hemingwayapp.com/)** — An app that makes your writing bold and clear by highlighting complex sentences.
* **[Google Fonts](https://fonts.google.com/)** — A library of free, open-source web fonts.

---

## 🤖 AI Assistants
*Top artificial intelligence tools for productivity.*

* **[ChatGPT](https://chat.openai.com/)** — OpenAI's conversational AI model for coding, writing, and brainstorming.
* **[Claude](https://claude.ai/)** — Anthropic's AI assistant, excellent for analyzing large documents and writing natural text.
* **[Perplexity](https://www.perplexity.ai/)** — An AI search engine that provides cited answers and real-time web research.
* **[v0.dev](https://v0.dev/)** — Vercel's generative UI system that creates React components from text prompts.

---

## 🖼️ Free Stock Images
*High-quality, royalty-free photography and illustrations.*

* **[Unsplash](https://unsplash.com/)** — The internet's source of freely-usable images, powered by creators everywhere.
* **[Pexels](https://www.pexels.com/)** — The best free stock photos, royalty-free images & videos shared by creators.
* **[Storyset](https://storyset.com/)** — Awesome free customizable illustrations for your next project.
* **[Remove.bg](https://www.remove.bg/)** — Remove image backgrounds automatically and for free.

---

## 🔒 Security & Encryption
*Client-side cryptography, hashing, and secrets management.*

* **[encrypt.tools](https://encrypt.tools/)** — A browser-based **cryptography toolkit** with 60+ tools: AES-256, RSA/ECC key generation, SHA/BLAKE hashing, HMAC, PGP, and classical ciphers from Caesar to Enigma.
* **[apikey.tools](https://apikey.tools/)** — A complete **toolkit for API keys, tokens, and secrets**: key generation, JWT and HMAC debugging, secret scanning, webhook signatures, and `.env` / Kubernetes config output.
* **[CyberChef](https://gchq.github.io/CyberChef/)** — The "cyber Swiss Army knife": a huge, chainable toolbox for encoding, encryption, compression, and data analysis.
* **[Have I Been Pwned](https://haveibeenpwned.com/)** — Check whether your email or password has appeared in a known data breach.

---

## 🧪 Data & Testing
*Mock data, fake APIs, and structured-data tools.*

* **[faker.tools](https://faker.tools/)** — A **synthetic data generator** with 79 tools: realistic names, addresses, Luhn-valid cards and IBANs, plus ready seed scripts for SQL, JSON, CSV and GraphQL, all reproducible from a seed.
* **[Mockaroo](https://www.mockaroo.com/)** — Generate realistic mock datasets and export to CSV, JSON, SQL, and Excel.
* **[JSONPlaceholder](https://jsonplaceholder.typicode.com/)** — A free fake REST API for testing and prototyping front-end code.
* **[JSON Crack](https://jsoncrack.com/)** — Visualize JSON, YAML, and CSV as interactive node graphs.
* **[Hoppscotch](https://hoppscotch.io/)** — An open-source, in-browser API client for REST, GraphQL, and WebSocket requests.

---

## 🕐 Time & Date
*World clocks, converters, and duration calculators.*

* **[worldclock.tools](https://worldclock.tools/)** — Live local time for **34,000+ cities**, a cross-timezone meeting planner, and dozens of converters and timers built on the IANA time zone database.
* **[duration.tools](https://duration.tools/)** — A set of **time and duration calculators**: work shifts, timesheets, business days, SMPTE timecode, cron schedules, running pace, and sleep cycles.
* **[time.is](https://time.is/)** — Exact current time anywhere, with time-zone detail for any city.
* **[World Time Buddy](https://www.worldtimebuddy.com/)** — Compare time zones side by side and find meeting times across cities.

---

## 📄 Files & PDF
*Split, compress, and convert files in the browser.*

* **[split.tools](https://split.tools/)** — **Split files locally**: slice images into grids, pull pages from PDFs, cut audio on the waveform, and clip video on a timeline. Batch export, nothing uploaded.
* **[Squoosh](https://squoosh.app/)** — Compress and convert images with a live before/after comparison, from the Google Chrome team.
* **[PDF24 Tools](https://tools.pdf24.org/)** — A free suite for merging, splitting, converting, and compressing PDFs.
* **[Stirling PDF](https://stirlingpdf.io/)** — An open-source, self-hostable toolkit covering 50+ PDF operations.

---

## 🔍 SEO & Analytics
*Tools to measure performance and search engine ranking.*

* **[slug.tools](https://slug.tools/)** — A **URL and slug toolkit**: slug generator, bulk CSV slugifier, UTM campaign builder, URL parser, tracking-parameter cleaner, and SERP snippet preview.
* **[Google Search Console](https://search.google.com/search-console/about)** — Tools and reports to measure your site's Search traffic and performance.
* **[PageSpeed Insights](https://pagespeed.web.dev/)** — Analyze your website's performance and Core Web Vitals on mobile and desktop.
* **[Meta Tags](https://metatags.io/)** — Preview, edit, and generate your website's social media meta tags (Open Graph).
* **[Ahrefs Free SEO Tools](https://ahrefs.com/free-seo-tools)** — A suite of free tools for keyword research, backlink checking, and website authority.

---

## 🕌 Islamic Tools
*Prayer times, Qur'an, and Islamic utilities.*

* **[Falah.io](https://falah.io/)** — A free, open-source **Islamic toolkit** with 15 tools: prayer times, Qibla finder, Hijri calendar, Zakat and inheritance calculators, and a Qur'an explorer — all running in your browser.
* **[Aladhan](https://aladhan.com/)** — A free prayer-times and Islamic-calendar service with a well-documented public API.
* **[Quran.com](https://quran.com/)** — A clean, open-source Qur'an reader with translations, recitations, and word-by-word study.
* **[IslamicFinder](https://www.islamicfinder.org/)** — Prayer times, Qibla direction, and an Islamic calendar for locations worldwide.

---

## 📚 Learning & Education
*Free resources to learn and level up.*

* **[Jami3a.com](https://jami3a.com/)** — An **education platform** giving students one place to explore university programs, departments, and academic resources.
* **[freeCodeCamp](https://www.freecodecamp.org/)** — Free, full-length coding curricula with hands-on projects and certifications.
* **[MDN Web Docs](https://developer.mozilla.org/)** — The reference for web standards — HTML, CSS, JavaScript, and browser APIs.
* **[roadmap.sh](https://roadmap.sh/)** — Community-built learning roadmaps for developer roles and technologies.
* **[The Odin Project](https://www.theodinproject.com/)** — A free, open-source full-stack curriculum built around real projects.

---

## 🌦️ Weather & Everyday
*Forecasts and everyday utilities.*

* **[MeteoMaroc.net](https://meteomaroc.net/)** — **Weather forecasts for Morocco** with localized conditions through a fast, mobile-friendly interface.
* **[Open-Meteo](https://open-meteo.com/)** — A free, open weather API with no key required for non-commercial use.
* **[Windy](https://www.windy.com/)** — An interactive weather map with wind, rain, temperature, and radar layers.

---

## 🔗 See Also
* [Awesome Arabic Tools](https://github.com/abdessamadbettal/awesome-arabic-tools) — Arabic-web-specific tool list.
* [Awesome Sites Web Utiles](https://github.com/abdessamadbettal/awesome-sites-web-utiles) — French-language equivalent of this list.

---

## 🤝 Contributing

Contributions are welcome! If you know an amazing free tool that helps developers, designers, creators, or entrepreneurs (especially tools that require **no signup** and are **client-side**), feel free to open a Pull Request.

## 📄 License
[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)

Distributed under the MIT License.

awesome-design-productivity

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

# 프로젝트 배지

Was this content helpful?

Recent Feedback

awesome-design-productivity

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

# 프로젝트 배지

Was this content helpful?

Recent Feedback

Download README