An open API service indexing awesome lists of open source software.

https://github.com/mnove/101webtools

101webtools - Free Online Tools for Developers and Designers
https://github.com/mnove/101webtools

generator nextjs shadcn-ui webtools

Last synced: about 2 months ago
JSON representation

101webtools - Free Online Tools for Developers and Designers

Awesome Lists containing this project

README

          





Logo

101webtools.com


A collection of free, open-source online tools to help you with your web development projects.


Visit the Website »




Explore Tools
·
Report Bug
·
Request New Tool


Table of Contents



  1. About The Project



  2. Getting Started


  3. Available Tools

  4. Contributing

  5. License

  6. Contact

## About The Project


101webtools

101webtools.com is a comprehensive collection of free online tools designed to enhance web development workflows. Whether you need to generate UUIDs, minify JavaScript code, encode/decode Base64, or create QR codes, this platform provides a wide range of utilities accessible directly from your browser.

All the tools are open source.

The project features:

- **Free Tools**: A growing collection of utilities for developers and designers
- **Modern UI**: Clean, responsive interface built with Next.js and Tailwind CSS
- **Progressive Web App**: Install as a PWA for offline access to selected tools
- **Open Source**: Community-driven development

(back to top)

### Built With

- [![Next.js][Next.js]][Next-url]
- [![React][React.js]][React-url]
- [![Tailwind CSS][Tailwind]][Tailwind-url]
- [![TypeScript][TypeScript]][TypeScript-url]
- [![shadcn/ui][shadcn/ui]][shadcn/ui-url]

(back to top)

## Getting Started

To get a local copy up and running, follow these simple steps.

### Prerequisites

- Node.js (v18 or higher)
- pnpm
```sh
npm install -g pnpm
```

### Installation

1. Clone the repository
```sh
git clone https://github.com/yourusername/101webtools.git
```
2. Install dependencies
```sh
cd 101webtools
pnpm install
```
3. Run the development server
```sh
pnpm dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser

(back to top)

## Available Tools

101webtools.com offers a variety of tools categorized for different purposes:

- **Encryption Tools**

- MD5 Encrypt
- SHA1 Encrypt
- SHA224 Encrypt
- SHA256 Encrypt
- SHA384 Encrypt
- SHA512 Encrypt

- **Security Tools**

- Password Generator

- **Text Manipulation**

- Binary to Text Converter
- Base64 Encoder/Decoder
- Lorem Ipsum Generator
- URL Encoder/Decoder

- **Code Minifiers / Tools**

- JavaScript Minifier
- CSS Minifier
- HTML Minifier
- JSON Viewer

- **Code Generators**

- Barcode Generator
- QR Code Generator

- **ID Generators**

- Nano ID Generator
- UUID Generator
- ULID Generator

- **Design Tools**

- Typographic Scale Generator

- **Productivity Tools**
- Pomodoro Timer

(back to top)

## Contributing

For contributions, please refer to the [CONTRIBUTING.md](CONTRIBUTING.md) file.

## License

Distributed under the MIT License. See `LICENSE` file for more information.

(back to top)

## Contact

Marcello - [@mnove](https://github.com/mnove) -

Project Link: [https://101webtools.com](https://101webtools.com)

(back to top)

[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Tailwind]: https://img.shields.io/badge/tailwind-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white
[Tailwind-url]: https://tailwindcss.com/
[TypeScript]: https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white
[TypeScript-url]: https://www.typescriptlang.org/
[shadcn/ui]: https://img.shields.io/badge/shadcnui-000000?style=for-the-badge&logo=shadcnui&logoColor=white
[shadcn/ui-url]: https://ui.shadcn.com