Open source collection of web developer utilities. The web application has been deployed and you can use it just here!
- Ad-Free Experience
- Developer utilities with zero advertisements, providing a clean and distraction-free environment
- Privacy First
- All processing happens directly in your browser. No sensitive data is ever sent to external servers, ensuring complete data privacy and security
- Responsive Design
- Mobile-first approach with full support for smartphones, tablets, and desktop devices for a seamless experience across all platforms
- Industry Best Practices
- Serve as an exemplary codebase demonstrating optimal coding patterns, clean architecture, and modern development standards for the industry
Some screen captures of the implemented features...
| JSON format | File encoder | RegEx tester | Imaging OCR |
|---|---|---|---|
 |
 |
 |
 |
| Script | Description |
|---|---|
yarn start |
Alias for yarn dev - starts the development server |
yarn dev |
Starts Vite development server with hot reload |
yarn build |
Builds the production application (cleans dist, generates version, compiles TypeScript) |
yarn preview |
Previews the production build locally (from dist/) |
yarn githubpage:rebuild |
Rebuilds the app and moves output to docs/ for GitHub Pages deployment |
yarn test |
Runs tests with Vitest |
yarn lint |
Runs ESLint on the codebase |
yarn typecheck |
Runs TypeScript type checking without emitting files |
yarn format |
Formats code with Prettier |
yarn format:check |
Checks code formatting without making changes |
yarn clean:node |
Removes node_modules and yarn.lock for a fresh install |
yarn deploy |
Deploys the application using the deploy script |
yarn generate:version |
Generates version information file |
yarn generate:api:client |
Generates API client from OpenAPI specification |
yarn postinstall |
Runs after install: applies patches |
| Package | Description |
|---|---|
| React | UI library for building component-based interfaces |
| TypeScript | Type-safe JavaScript superset |
| Ant Design | Enterprise-class UI component library |
| TanStack Router | Type-safe routing for React |
| TanStack Query | Async state management and data fetching |
| Zustand | Lightweight state management |
| Immer | Immutable state with mutable syntax |
| Axios | HTTP client |
| React Hook Form | Performant form handling |
| @uidotdev/usehooks | Collection of React hooks |
| Package | Description |
|---|---|
| Vite (Rolldown) | Next-generation fast build tool |
| Vitest | Unit testing framework |
| ESLint | JavaScript/TypeScript linting |
| Prettier | Code formatting |
| Husky | Git hooks management |
| Commitlint | Commit message linting |
- DataURI scheme viewer (Base64 raw data)
- Like this website: Data URL to image
- Text diff tooling
- Image compressor
- Mardown viewer & utilities, like table formatter
- Suggests something or add your pull request!
This project is licensed under the MIT license. For more information see LICENSE file.
We value technical excellence and human respect equally. To ensure a welcoming and productive environment for all contributors, please review the following resources:
| Resource | Description |
|---|---|
| Code of Conduct | Our pledge for a respectful, inclusive, and collaborative environment |
| Contributing Guide | How to get started, project conventions, and pull request guidelines |
| Coding Guidelines | Best practices for clean, maintainable, and scalable code |
Adhering to established coding guidelines is essential for developing efficient, maintainable, and scalable software. These guidelines promote consistency across the codebase, making it easier for teams to collaborate and for new developers to understand existing code.