Skip to content

A sleek web-based utility hub built with React + Vite — featuring 10+ developer and design tools, including JSON formatter, Markdown previewer, Gradient & Shadow generators, and QR code creator with download support.

License

Notifications You must be signed in to change notification settings

fadixsrourr/developer-tools-hub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Developer Tools Hub 🛠️

A modern web utility suite by Fadi Srour — JSON formatter, Markdown preview, HTML → Markdown, URL encoder/decoder, Color palette, Gradient & Box-shadow generators, CSS minifier/beautifier, and a QR code generator with PNG download.

✨ Features

  • 10+ tools for developers & designers
  • Sleek dark/light UI with Framer Motion animations
  • Keyboard shortcuts: / focuses search
  • Shareable URLs per tool: ?tool=qr
  • LocalStorage persistence + copy toasts

🧩 Tools

  • JSON Formatter / Minifier
  • Markdown Previewer
  • HTML → Markdown (Turndown)
  • URL Encoder / Decoder
  • Color Picker & Palette (saved locally)
  • Gradient Generator
  • Box Shadow Generator
  • CSS Minifier / Beautifier
  • QR Code Generator (live preview + Download PNG)

🖥️ Screenshots

Put images in public/screenshots/ and update paths below. Home QR Tool

🚀 Demo

Live: https://development-toolshub.netlify.app

🛠 Tech

React 18, Vite, Framer Motion, Turndown, React QR Code

⚙️ Local Setup

npm install
npm run dev
# build
npm run build
npm run preview

About

A sleek web-based utility hub built with React + Vite — featuring 10+ developer and design tools, including JSON formatter, Markdown previewer, Gradient & Shadow generators, and QR code creator with download support.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published