Welcome to Online Tools Collection
A collection of useful online tools that prioritize frontend execution for performance and privacy.
Getting Started
This project is set up with Material Design and Material UI components, ready for you to add your own tools.
To add a new tool:
1. Create a new page in
2. Add the tool to the navigation in
3. Follow the Material Design guidelines for consistent UI
src/app/[tool-name]/page.tsx2. Add the tool to the navigation in
src/components/NavigationLayout.tsx3. Follow the Material Design guidelines for consistent UI
About This Project
This collection of tools is designed with a frontend-first approach, ensuring fast performance and user privacy. Most tools run entirely in your browser, with server-side processing only when necessary for complex operations.
All tools follow Material Design principles for a consistent, accessible, and responsive user experience.