Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mateusfg7/background-eraser
A privacy tool to erase background of any images without send any data to any server, 100% on client side.
https://github.com/mateusfg7/background-eraser
background-eraser background-remover client-side image-processing lucide-icons nextjs privacy tool
Last synced: 3 months ago
JSON representation
A privacy tool to erase background of any images without send any data to any server, 100% on client side.
- Host: GitHub
- URL: https://github.com/mateusfg7/background-eraser
- Owner: mateusfg7
- License: gpl-3.0
- Created: 2023-07-24T13:23:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-01T18:04:43.000Z (3 months ago)
- Last Synced: 2024-10-02T08:54:58.897Z (3 months ago)
- Topics: background-eraser, background-remover, client-side, image-processing, lucide-icons, nextjs, privacy, tool
- Language: TypeScript
- Homepage: https://bg-eraser.mateusf.com/
- Size: 1.86 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 15
-
Metadata Files:
- Readme: docs/README.md
- License: LICENSE
Awesome Lists containing this project
README
Background EraserSimple tool to **erase background** of any images
## ✨ Additional Features
- Responsive
- Light/Dark colors
- SEO Optimized## 🔧 Setup
> First of all you need to have already installed on your machine: [Node.js](https://nodejs.org) and [PNPM](https://pnpm.io).
### Development
**Install Packages**
```console
pnpm install
```**Start Dev Server**
```console
pnpm dev
```
_Now go to http://localhost:3000_### Production
**Add `.env` file with [Umami ID](https://umami.is/)** *_optional configuration for analytics_
```dotenv
UMAMI_WEBSITE_ID=
```**Install Packages**
```console
pnpm install
```**Build Website**
```console
pnpm build
```**Start Production Server**
```console
pnpm start
```
_Now go to http://localhost:3000_
![Next.js](https://img.shields.io/badge/Next.js-111?&style=for-the-badge&logo=Next.js)![Typescript](https://img.shields.io/badge/Typescript-007acc?&style=for-the-badge&logo=Typescript&logoColor=fff)![Tailwind CSS](https://img.shields.io/badge/Tailwindcss-06B6D4?&style=for-the-badge&logo=tailwindcss&logoColor=fff)