Orle – Developer Tools Hub

Code: github.com/punitarani/orle

Live: orle.dev

Overview

Orle is a browser-first developer tools hub designed for speed and privacy. All tool inputs stay on the client—no data leaves your browser. Beyond its 100+ built-in utilities, Orle features an Agentic Tool Builder that lets you create custom, one-off tools in seconds by describing what you need in plain English.

• Frontend: Next.js with SSG for fast CDN-cached pages
• Runtime: Fully client-side sandboxed execution
• Storage: IndexedDB for custom tool definitions
• Extension: Raycast companion extension
• AI: Agentic tool builder for generating custom tools on demand

Agentic Tool Builder

The standout feature of Orle is its AI-powered tool generator at /tools/generate. Instead of searching for the right utility or writing throwaway scripts, you describe what you need and the agent builds it for you.

How It Works

1. Describe your tool in natural language (e.g., "convert CSV to JSON with custom column mapping" or "calculate compound interest with monthly contributions")
2. The agent generates a complete tool definition including input schema, transform logic, and output handling
3. Test it live in the integrated preview panel before saving
4. Save and reuse your custom tool, stored locally in IndexedDB

Why It Matters

Developers constantly need one-off utilities—quick data transformations, format conversions, calculations, or validations that don't warrant installing a package or writing a script. The Agentic Tool Builder eliminates this friction:

• No context switching: Stay in the browser instead of spinning up a REPL or writing a script
• Instant results: Describe → Generate → Use in seconds
• Privacy-first: Generated tools run entirely client-side; your data never leaves the browser
• Infinitely extensible: Any tool you can describe, you can create

Example Use Cases

• Parse and transform proprietary log formats
• Convert between niche data formats (EDI, fixed-width, custom delimited)
• Build domain-specific calculators (loan amortization, unit conversions, pricing)
• Create validators for custom schemas or business rules
• Generate test data with specific constraints
• Decode or encode proprietary binary formats

Built-in Tools (100+)

Orle includes a comprehensive set of developer utilities organized by category:

• Encoding/Decoding: Base64, URL encoding, HTML entities, JWT decoder
• Hashing: MD5, SHA-1, SHA-256, SHA-512, bcrypt
• Formatting: JSON, XML, SQL, CSS, HTML beautifiers and minifiers
• Diffing: Text diff, JSON diff, side-by-side comparison
• IDs: UUID, ULID, nanoid, CUID generators
• Date/Time: Unix timestamp conversion, timezone tools, date formatting
• Colors: Hex/RGB/HSL conversion, color picker, palette generator
• Images: Base64 encoding, resizing, format conversion
• Text: Case conversion, Lorem ipsum, regex tester, word counter
• Developer: Cron expression parser, chmod calculator, HTTP status codes

Architecture

Tool System

Tool definitions live in src/lib/tools/sections/ and are indexed in src/lib/tools/registry.ts for navigation and search. Each tool runs client-side through a sandboxed transform executor in src/lib/tools/safe-executor.ts.

Page Rendering

• App routes are SSG by default via src/app/ssg-defaults.ts
• Tool pages in src/app/tools/[slug]/page.tsx are fully pre-rendered for CDN caching
• Custom tools render from a single static page at /tools/custom, loading definitions from IndexedDB

AI Backend

The tool generator page calls three API routes that run server-side:

• /api/tools/generate – Generate tool definitions from natural language
• /api/tools/validate – Validate generated tool code for safety
• /api/tools/agent – Agentic loop for iterative refinement

All tool execution remains client-side for privacy.

Raycast Extension

A companion Raycast extension provides quick access to Orle tools directly from the macOS launcher. Install locally with bun run raycast:dev or wait for the official store release.

Technical Highlights

• Privacy-first: All computations happen in-browser; no data transmitted to servers
• Fast loading: SSG pages cached at the CDN edge for instant load times
• Sandboxed execution: Tools run in isolated environments for security
• Type-safe: Full TypeScript codebase with strict typing
• Modern stack: Next.js, React, Tailwind CSS, Radix UI