Particles Blob Animation Generator with Next.js

Particles Blob Animation Generator is a dynamic web application developed with Next.js, designed to help you effortlessly create captivating particle animations with a blob-like aesthetic. Tailor particle size, animation duration, amount, and visual effects to produce unique and visually appealing backgrounds for your projects.

Features

• Adjust particle size, animation duration, and amount
• Customize blur, border radius, and blend mode
• Choose from preset gradient backgrounds
• Copy generated HTML and CSS code with a single click

Getting Started

Clone the Repository:

git clone https://github.com/CodeWithMilap/particles-blob-generator.git
cd particles-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

• Customize particle size, animation duration, and amount.
• Adjust blur, border radius, and blend mode for visual effects.
• Choose from preset gradient backgrounds or customize your own.
• Copy the generated HTML and CSS code for integration into your projects.

Presets

Explore ready-to-use gradient backgrounds with various blend modes. Simply click on a preset to apply it to your particle animation.

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.