mirror of
https://github.com/Xevion/grain.git
synced 2025-12-06 03:15:15 -06:00
f5090b9c10
- Replace html2canvas with modern-screenshot for better performance - Remove ExportModal and CSS export functionality - Simplify export to single PNG download - Improve controls layout with better spacing and text shadows - Increase glass-panel opacity for better readability - Remove unused ExportData interface and CSS generation utilities
33 lines
1.3 KiB
Markdown
33 lines
1.3 KiB
Markdown
[![Grain Project - Banner Image][grain-banner]][grain-website]
|
|
|
|
[](LICENSE)
|
|
[](https://nodejs.org/)
|
|
[](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/
|