A curated suite of client-side developer tools. Everything runs in your browser — no uploads to servers, no data leaves your machine.
Site: runen.no Stack: Next.js 16 · React 19 · Tailwind 4 · Framer Motion 12 · TypeScript 5
| Tool | Description |
|---|---|
| Pixel Art | Grid-based pixel art editor |
| ASCII Art | Convert images to ASCII art |
| Background Remover | ML-powered background removal (client-side) |
| GIF Captions | Add text captions to animated GIFs |
| Image Resizer | Resize, crop, compress, and target file size |
| Tool | Description |
|---|---|
| APA 7 Citations | Generate APA 7 reference entries |
| JSON Formatter | Format, minify, and convert JSON ↔ YAML |
| Regex Tester | Test regex patterns with built-in presets |
| Diff Tool | Side-by-side, unified, and inline diff views |
| Tool | Description |
|---|---|
| File Converter | Convert between image, audio, document, and data formats |
| File Compressor | Create and extract ZIP archives |
| Hash Generator | Compute file hashes (MD5, SHA-1, SHA-256, etc.) |
| Metadata Extractor | Read EXIF and other file metadata |
| Hex Viewer | Inspect raw file bytes in hex |
| Tool | Description |
|---|---|
| Time Zone Converter | Visual timeline with overlap finder |
npm install
npm run devOpen http://localhost:3000 to see the app.
yarn dev # yarn
pnpm dev # pnpm
bun dev # bunnpm run buildProduces a static export in out/.
app/ — Next.js App Router pages and API routes
components/ — Shared UI components
hooks/ — Custom React hooks
lib/ — Utility functions and clients
public/ — Static assets
types/ — TypeScript type definitions
Private — all rights reserved.