Custom Blob Generator

Welcome to the Custom Blob Generator! This React-based application allows users to generate and customize blobs with dynamic shapes, colors, and gradients. It is built using React.js, Chakra UI, and Tailwind CSS, with context management provided by React Context API.

Features

• 🎨 Blob Customization: Adjust blob shapes, colors, opacity, gradients, randomness, and complexity in real-time.
• 🔄 Random Blob Generator: Generate new random blobs with the click of a button.
• 🌈 Gradient Support: Choose between solid colors or beautiful gradients for your blobs.
• ⚡ Real-Time Preview: Instant preview of your customized blobs on the left panel.

Technologies Used

• React.js + Vite
• Chakra UI
• Tailwind CSS
• React Context API
• [React Blobshape Package]

Demo

You can try the live demo (https://ujwalgarg-custom-blob-generator.netlify.app/).

Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

• Node.js (version 14 or above)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/custom-blob-generator.git

2. Navigate to the project directory:

   cd custom-blob-generator

3. Install dependencies:

   npm install

4. Running the Application:

   npm run dev
   

This will open the app in your default browser at http://localhost:3000/.