A comprehensive collection of free web tools for developers and creators, built with Next.js, TypeScript, and Tailwind CSS.
- ✅ 28+ Free Tools - JSON Formatter, Regex Tester, Visual Page Compare, and more
- ✅ Dark Mode - Complete dark theme support
- ✅ Responsive Design - Mobile-first, works on all devices
- ✅ SEO Optimized - Structured data, meta tags, sitemap
- ✅ Fast & Modern - Built with Next.js 14 and React 18
- Next.js 14 - React framework with SSR/SSG
- TypeScript - Type-safe development
- Tailwind CSS - Utility-first CSS framework
- Playwright - Automated testing
# Install dependencies
pnpm install
# Install Playwright browsers (for testing)
pnpm exec playwright install# Start dev server
pnpm dev
# Build for production
pnpm build
# Run tests
pnpm test- JSON Formatter & Validator
- Regex Tester
- Base64 Encoder/Decoder
- API Tester
- Visual Page Compare ⭐
- Page Speed Compare
- Markdown Editor
- Code Formatter
- And more...
- Color Contrast Checker
- Color Palette Generator
- Image Converter
- And more...
- QR Code Generator
- Password Generator
- Text Counter
- Lorem Ipsum Generator
- And more...
# Login to Cloudflare
pnpm cf:login
# Deploy
pnpm deploy:productionSee DEPLOYMENT_STEPS.md for detailed instructions.
# Run all tests
pnpm test
# Run in UI mode
pnpm test:ui
# Run simple checks
pnpm test:simple- Buy Me a Coffee - Direct donations (username: guymo)
- Google AdSense - Display ads (Publisher ID: ca-pub-2858012859068424)
- See ADS_IMPLEMENTATION_GUIDE.md for details
- Launch Strategy - Launch plan and recommendations
- Deployment Guide - Step-by-step deployment
- AdSense Setup - AdSense implementation guide
- Testing Checklist - Manual testing guide
- Git Setup - Git repository setup
shabitools/
├── app/ # Next.js pages
├── components/ # React components
├── data/ # JSON content files
├── tests/ # Playwright tests
├── public/ # Static assets
└── docs/ # Documentation
© 2024 shabitools. All rights reserved.
Enjoying shabitools? Buy me a coffee ☕
Built with ❤️ for developers