Blob Generator

A focused React and Vite tool for creating organic CSS blobs. Adjust dimensions, corner radii, gradient angle, and colors, then copy the generated CSS.

Features

• Live blob preview with adjustable width and height.
• Independent corner radius controls.
• Gradient angle and color controls.
• Randomize, reset, and copy CSS actions.
• Responsive layout with a fixed branded header, footer links, and Go to top control.

Tech stack

React 18, Vite, styled-components, React Icons, and CSS.

Run locally

npm install
npm run dev

Build and preview the production version:

npm run build
npm run preview

Live URL: a2rp.github.io/blob-generator

License

MIT License. See LICENSE.

Links

• Portfolio: https://www.ashishranjan.net/
• GitHub: https://github.com/a2rp
• CodePen: https://codepen.io/ash1198
• LinkedIn: https://www.linkedin.com/in/aashishranjan
• Facebook: https://www.facebook.com/theash.ashish/
• YouTube: https://www.youtube.com/@ashishranjan-ashz?sub_confirmation=1
• Email: ash.ranjan09@gmail.com

Support

• Support: https://a2rp-donation-page.netlify.app/
• Buy Me A Coffee: https://buymeacoffee.com/a2rp
• Patreon: https://www.patreon.com/a2rp