[![Grain Project - Banner Image][grain-banner]][grain-website]

[![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](LICENSE)
[![Node Version](https://img.shields.io/badge/node-v22-brightgreen.svg)](https://nodejs.org/)
[![pnpm](https://img.shields.io/badge/maintained%20with-pnpm-cc00ff.svg)](https://pnpm.io/)

Create beautiful, dynamic backgrounds with colorful gradients and film grain. Built with modern web technologies for smooth performance and stunning visuals.

- **Customizable gradients & noise** via SVG filters
- **Preset palettes** for quick styling
- **PNG export** with a single click

Built with [Preact](https://preactjs.com/), [Vite](https://vite.dev/), [Tailwind CSS](https://tailwindcss.com/), [Radix UI](https://www.radix-ui.com/), and [Lucide Icons](https://lucide.dev/).

## Usage

```bash
git clone https://github.com/Xevion/grain.git # Clone the repository
cd grain # Navigate to the repository
npm install --global pnpm # Install pnpm if needed
pnpm install # Install dependencies
pnpm dev # Start development server
pnpm build # Build for production
pnpm preview # Preview the production build
```

## License

Licensed under the [GNU General Public License v3.0](LICENSE).

[grain-banner]: ./.media/banner.jpeg
[grain-website]: https://grain.xevion.dev/