Gradient Blob Generator with Next.js

Generate unique and visually appealing CSS gradient blobs effortlessly using this Next.js web app. Customize border radius, blend mode, and blur to create stunning backgrounds for your projects. Copy the generated CSS code with a single click!

Features

• Choose from preset gradient colors and blend modes
• Adjust blur and border radius for personalized designs
• Copy generated CSS code for quick integration into your projects

Getting Started

Clone the Repository:

git clone https://github.com/CodeWithMilap/gradient-blob-generator.git
cd gradient-blob-generator

Install Dependencies:

npm install

Run the Application:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to use the CSS Gradient Generator.

Usage

• Choose a preset gradient color and blend mode or customize your own.
• Adjust blur and border radius for a unique blob design.
• Copy the generated CSS code and use it in your projects.

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to enhance the functionality or fix any issues.

Contributing

This project is licensed under the MIT License.