A privacy-first toolkit with 64+ browser utilities. All tools run client-side — no sign-ups, no tracking, just practical tools for developers and creators.

• Checker Tools — IP lookup, DNS records, WHOIS, SSL check, ping, user agent, screen info, leak detection
• File Sharing — Dead drop with 6-digit codes, optional passwords, and auto-expiry
• Sharing Tools — Link shortener, pastebin, image host, secret notes, code/JSON/CSV sharing
• Image Processing — Compress, resize, convert, crop, blur, rotate, filter, remove backgrounds
• Text Utilities — Word count, case conversion, regex tester, Lorem ipsum, base64 encoding
• Data Generators — Passwords, UUIDs, timestamps, gradients, barcodes, test data

• Favorites — Bookmark frequently-used tools with the heart icon
• Recent Tools — Quick access to your last 6 used tools
• Keyboard Shortcuts — Esc to go back, Cmd/Ctrl+K for search, arrow keys to navigate
• Animated Background — Subtle floating gradient orbs for visual polish
• Skeleton Loaders — Smooth shimmer loading states
• Success Animations — Confetti feedback on key actions

# Clone and install
git clone https://github.com/ndycode/vxid.cc.git
cd vxid.cc
npm install

# Configure environment (optional, for file sharing)
cp .env.example .env.local
# Edit .env.local with your R2 credentials

# Start development server
npm run dev

Visit http://localhost:3000

├── app/
│   ├── page.tsx              # Landing + tools carousel
│   ├── s/[code]/page.tsx     # Share viewer
│   └── api/                  # Upload/download/share APIs
├── components/
│   ├── tools/                # 64 tool components
│   ├── tools-carousel.tsx    # Navigation with favorites/recent
│   ├── animated-background.tsx
│   └── ui/                   # shadcn + custom components
└── lib/
    ├── tools-config.ts       # Tool definitions
    ├── tool-preferences.ts   # Favorites/recent (localStorage)
    └── confetti.ts           # Animation utilities

R2_ACCOUNT_ID=your_account_id
R2_ACCESS_KEY_ID=your_access_key
R2_SECRET_ACCESS_KEY=your_secret_key
R2_BUCKET_NAME=your_bucket_name
R2_PUBLIC_URL=your_public_url

ip, dns, whois, ssl, ping, useragent, screen, cookies, webgl, password, leak

drop, qr, shorten, paste, imghost, secret, code, json, csv

pass, color, barcode, fake, palette, card, string, integer, sequence, username, business, iban, mac, hash, uuid, gradient

count, case, clean, emoji, days, dedup, reverse, chars, numbers, lorem, base64, regex, timestamp, privacy

compress, resize, convert, favicon, erase, crop, split, svg, pick, watermark, ratio, blur, rotate, filter

1. Client-side first — All processing in the browser
2. Dark mode default — With optional light theme
3. Mobile-first — Responsive design throughout
4. No sign-ups — Preferences stored in localStorage
5. Instant feedback — No blocking modals or toasts

MIT