mirror of
https://github.com/Xevion/grain.git
synced 2025-12-09 16:07:22 -06:00
refactor: simplify export to PNG-only, improve controls UI
- 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
This commit is contained in:
39
README.md
39
README.md
@@ -1,29 +1,32 @@
|
||||
![Grain Project - Banner Image][grain-banner]
|
||||
[![Grain Project - Banner Image][grain-banner]][grain-website]
|
||||
|
||||
A small experiment on creating beautiful, dynamic backgrounds with
|
||||
colorful gradients & film grain. Built in <b>React</b> & <b>Vite</b> with <b>SVGs</b> and layers of <b>Radial Gradients</b>
|
||||
[](LICENSE)
|
||||
[](https://nodejs.org/)
|
||||
[](https://pnpm.io/)
|
||||
|
||||
### Dependencies Used
|
||||
Create beautiful, dynamic backgrounds with colorful gradients and film grain. Built with modern web technologies for smooth performance and stunning visuals.
|
||||
|
||||
- Hero Icons
|
||||
- React
|
||||
- Typescript
|
||||
- Vite
|
||||
- Sass
|
||||
- **Customizable gradients & noise** via SVG filters
|
||||
- **Preset palettes** for quick styling
|
||||
- **PNG export** with a single click
|
||||
|
||||
### Installation
|
||||
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/).
|
||||
|
||||
- Built on Node v16, packages managed with Yarn.
|
||||
## Usage
|
||||
|
||||
```bash
|
||||
npm install --global yarn # If you don't have yarn installed
|
||||
yarn # Run inside root directory to install all dependencies.
|
||||
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
|
||||
```
|
||||
|
||||
### Development
|
||||
## License
|
||||
|
||||
```bash
|
||||
yarn dev # Starts a development server with Hot Module Replacement
|
||||
```
|
||||
Licensed under the [GNU General Public License v3.0](LICENSE).
|
||||
|
||||
[grain-banner]: ./.media/banner.jpeg
|
||||
[grain-banner]: ./.media/banner.jpeg
|
||||
[grain-website]: https://grain.xevion.dev/
|
||||
|
||||
Reference in New Issue
Block a user