Blob animation is a tool for generating animated blobs. With it, you can generate absolutely any blob animation. This tool also supports gradients.
You can generate:
- one animated blob;
- several animated blobs that you can overlay on top of each other in the future (GIF does not support translucency, so there is such a limitation);
- non-animated SVG blob;
- for all of the above, you can use a gradient;
Using the toolbar, you can change the complexity of the generated blob. You can change the number of points, blob color and gradients! To generate a new blob with the previously specified parameters, press dice button. And when you find a suitable blob form for you, save it by clicking on the download button.
They can be used on websites, in mobile applications, etc. For me personally, they came in handy for creating blob animations in one of my React Native applications. Because generating and animating such blobs in real time takes quite a lot of resources, which cannot be said about GIF animation. After generation, I just overlaid these blobs and made them transparent, and after that I got this result.
Special thanks for the library for generating blobs, I want to say @g-harel 🔥
Thanks for porting the library for creating GIF animations @antimatter15 💪
And thanks for the inspiration to blobmaker.app 💡
I hope this will be useful to someone. For all contacts with me, use either github @xom9ikk or telegram @xom9ik.
Clone repo
$ git clone https://github.com/xom9ikk/animated-blobs.gitInstall the dependencies
$ npm iRun in dev mode with hot reload. dev server will run at http://localhost:3000
$ npm run devBuild for production and run server. production server will run at http://localhost:3000
$ npm run build
$ npm start