# brokit.io - Information for LLMs

## Overview
brokit.io is a free, open-source collection of web-based developer utilities designed to help software engineers with common tasks across multiple domains.

**Website:** https://brokit.io
**Product Name:** brokit.io
**Tagline:** Free Developer Tools: JSON Formatter, API Testing, DevOps Utilities, Security & Debugging

## Purpose
brokit.io provides quick, browser-based access to essential developer tools without requiring installation or complex configuration. All tools are free and designed for immediate use.

## Tool Categories

### 1. Data & Serialization (Blue)
Tools for transforming, validating, and inspecting structured data formats.

**Tools:**
- JSON Formatter - Pretty-print and minify JSON easily
- JSON Diff - Compare two JSON objects visually
- JSON ↔ YAML Converter - Convert between JSON and YAML
- CSV ↔ JSON Converter - Transform CSV files to JSON
- Base64 Encoder / Decoder - Encode and decode with Base64

### 2. API & Backend (Purple)
Utilities to inspect, debug, and construct API requests and backend integrations.

**Tools:**
- JWT Decoder - Decode and inspect JWT tokens
- API Request Builder - Build test HTTP requests easily
- Webhook Tester - Inspect incoming webhook payloads
- GraphQL Formatter & Validator - Format and validate GraphQL queries

### 3. Debugging & Inspection (Amber)
Tools that help developers understand logs, errors, patterns, and time-related data.

**Tools:**
- Regex Tester - Test regular expressions with highlighting
- Log Formatter - Pretty-print logs and normalize stack traces
- Cron Expression Builder - Create and simulate cron expressions
- Timestamp Converter - Convert timestamps between epoch, UTC, and timezones

### 4. DevOps & Infrastructure (Green)
Helpers for validating and generating configuration used in containerized and cloud environments.

**Tools:**
- .env Validator - Validate environment variable files
- Dockerfile Linter - Analyze Dockerfiles for common mistakes
- Docker Compose Validator - Validate docker-compose YAML files
- Kubernetes YAML Checker - Sanity-check Kubernetes manifest configuration

### 5. Security & Encoding (Red)
Utilities focused on cryptography, identifiers, and secret handling.

**Tools:**
- Hash Generator - Generate hashes using MD5, SHA algorithms
- UUID / ULID Generator - Generate unique identifiers in multiple formats
- Password Strength Checker - Evaluate password strength and entropy
- Secret Redactor - Mask and remove sensitive configuration values

## Key Features

- **No Installation Required** - All tools run directly in the browser
- **Zero Dependencies** - No need to install external packages
- **Dark Mode Support** - Full dark/light theme toggle with localStorage persistence
- **Responsive Design** - Optimized for desktop, tablet, and mobile devices
- **Fast & Lightweight** - Static site generation for optimal performance
- **Open Source** - Built with Next.js, TypeScript, and Tailwind CSS

## Navigation

- **Section Filters** - Filter tools by category using the chip buttons at the top
- **Search/Browse** - Browse all tools or filter by section
- **Detail Pages** - Click any tool to access its detailed page and usage guide

## Technical Stack

- **Framework:** Next.js 13+ with App Router
- **Styling:** Tailwind CSS
- **UI Components:** shadcn/ui
- **Icons:** Lucide React
- **Type Safety:** TypeScript
- **Theme Management:** next-themes
- **Data Source:** JSON configuration

## Data Structure

Tools and sections are defined in JSON format with:
- Unique IDs and slugs for URL generation
- Color coding for visual organization
- Lucide React icon identifiers
- Descriptions for discoverability

## API Endpoints

The application provides API endpoints for programmatic access:
- `/api/tools` - Returns all tools and sections
- `/api/footer` - Returns footer metadata
- `/api/config` - Returns combined configuration

## Accessibility

- Semantic HTML structure
- ARIA labels for interactive elements
- Keyboard navigation support
- High contrast support through dark mode
- Responsive touch targets for mobile

## SEO

- Server-side rendering for better crawlability
- Semantic HTML markup
- Meta tags and structured data
- Dynamic sitemap and RSS feed support
- Tool descriptions optimized for search

## Performance

- Static site generation (SSG) for fast initial loads
- Incremental static regeneration (ISR) for updates
- Minimal client-side JavaScript
- Optimized image delivery
- CSS and JavaScript minification

## Future Roadmap

Planned features and improvements:
- Individual tool detail pages with implementation guides
- Advanced search functionality
- User preferences and bookmarks
- API rate limiting and usage statistics
- Community contributions and tool submissions
- Integration with popular tools and services

## Contact & Support

- Email: support@brokit.io
- GitHub: github.com/brokit
- Twitter: @brokit

## License

brokit.io is released under the MIT License. See LICENSE file for details.

## Last Updated

February 6, 2026