Gradii

<h1 align="center">Gradii</h1> <p align="center"> <img src="https://img.shields.io/badge/Next.js-000000.svg?style=for-the-badge&logo=nextdotjs&logoColor=white"> <img src="https://img.shields.io/badge/TypeScript-000000.svg?style=for-the-badge&logo=typescript&logoColor=white"> <img src="https://img.shields.io/badge/TailwindCSS-000000.svg?style=for-the-badge&logo=TailwindCSS&logoColor=white"> <img src ="https://img.shields.io/badge/shadcn/ui-000000.svg?style=for-the-badge&logo=shadcn/ui&logoColor=white"> </p>

<p align="center"> Create beautiful mesh gradients at https://gradii.fun. </p>

Why Gradii?

I use mesh gradients as wallpapers and most of these gradients are locked behind paywalls or not free to use. So I built Gradii - a simple tool that could generate cool gradients for myself and others who love minimal, beautiful wallpapers. What started as a personal project turned into something I wanted to share with everyone who appreciates good design.

What can Gradii do?

• Create stunning mesh gradients
• Add text overlays with various fonts and styles
• Add image overlays
• Use it as your wallpaper or as a marketing asset the possibilities are wide
• Export in multiple resolutions and aspect ratios

Development

cd wallpaper-app
pnpm install
pnpm dev

License & Contributing

This project uses the MIT license. See the LICENSE file for details.

Contact & Support

Found a bug or have feedback? Feel free to DM me on X.