30tools isn't just a repository of scripts; it's a Utility Operating System. Built with Next.js 16 and a premium Glassmorphism design system, it delivers a high-fidelity experience that converts traffic into users.

• Free Online Tools: A growing collection of utility tools for image processing, PDF workflows, social media, and more.
• Privacy-First: Most tool logic runs directly in your browser.
• ✨ Premium UI/UX: Cinematic workspaces featuring backdrop-blur aesthetics, ambient glows, and high-fidelity micro-interactions.
• 🛡️ Privacy First: 95% of tool logic runs directly in your browser. No files are uploaded to our servers unless absolutely necessary.
• ⚡ Performance Powered by Bun: Optimized for ultra-fast build times and low-latency deployments on Cloudflare Workers/Pages.
• 🪄 YouTube Magic Redirect: Replace youtube.com with 30tools.com in any video URL to open it instantly in our downloader (e.g., youtube.com/watch?v=... → 30tools.com/watch?v=...).

30tools uses a Data-Driven Architecture where tools.json acts as the single source of truth for the entire platform.

graph TD
    A[tools.json] -->|Metadata| B[SEO Engine]
    A -->|Config| C[ToolLayout]
    B -->|Generates| D[Dynamic Routes]
    C -->|Renders| E[Tool Pages]
    D -->|Redirects| E

• Framework: Next.js 16 (App Router)
• Runtime & Tooling: Bun
• Design System: Tailwind CSS + Custom Glassmorphism Logic
• UI Components: Radix UI, Lucide Icons, Framer Motion
• SEO & Routing: Advanced Proxy Engine with Modular Metadata
• Cloud Infrastructure: Cloudflare Pages + OpenNext

git clone https://github.com/sh20raj/30tools.git
cd 30tools
bun install

cp .env.example .env.local

Stack Auth (required for login features): Create a free project at app.stack-auth.com and add your keys to .env.local:

NEXT_PUBLIC_STACK_PROJECT_ID=your-project-id
NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY=pck_...
STACK_SECRET_SERVER_KEY=ssk_...

The app works without Stack Auth keys — auth features will simply be disabled. No console errors will appear if keys are missing.

See .env.example for all available environment variables.

bun dev

Open http://localhost:3000 to see your workspace.

bun run deploy

30tools is built by the community, for the community. We believe in high-quality, free software that respects user privacy.

• Found a bug? Open an Issue.
• Have a new tool idea? Check out .github/CONTRIBUTING.md.
• Want to help scale? See .github/OPEN_SOURCE.md for our long-term vision.

For deeper dives into the architecture and design:

• Architecture & Workflow
• Design System & Guidelines
• SEO Strategy