Sign inStart a project

SCRIPT NINJA / PRODUCT

SVG Blob Generator and Animation

Generate organic SVG shapes and animated canvas blobs for an AI interface or landing page. This lightweight library includes source code and examples for custom

Download source ZIP Browse ai components
SVG Blob Generator and Animation collection illustration
Collection illustration. See the author's demo for the upstream design.

Generate organic SVG shapes and animated canvas blobs for an AI interface or landing page. This lightweight library includes source code and examples for custom shapes and movement.

What you can build.

  • Seeded SVG blob generation
  • Canvas animation APIs
  • TypeScript source and usage examples

Inside the download.

  • Upstream source files and setup documentation
  • UPSTREAM-LICENSE.txt with the original copyright notice
  • SOURCE.json and SCRIPT-NINJA-README.md

Getting started.

For use in your app: npm install blobs@2.3.0
Read README.md and examples/ for SVG and animation APIs.

A component library, not a complete website. Generate shapes from controlled inputs and honour reduced-motion preferences.

Licence and credits.

MIT licence. You may use, modify and redistribute the code, including commercially, while retaining the upstream copyright and licence notice. Dependency licences and third-party image or trademark rights apply separately.

Original author: Gabriel Harel. Curated by Script Ninja.

Bundled raster demo images are neutral SVG placeholders. Replace remote images, sample names and brand marks before launch. The upstream demo may show artwork that is not in this download.

Support.

Free community source package. Use the upstream documentation and issue tracker. Custom implementation is available by project enquiry.

Make SVG Blob Generator and Animation fit your project. Illustrated project structure.A practical starting point for your project

PLAN THE NEXT STEP

Make SVG Blob Generator and Animation fit your project.

Review the source package and setup notes first. Replace demonstration content, check the dependencies you install and test the result against the pages or workflow you need.

Download source ZIP Browse ai components

MAKE IT ACTIONABLE

From download to your own implementation.

Choose the next step that matches where you are in the project.

Read the package notes

Start with the included README and licence files. Check JavaScript / TypeScript / SVG requirements before installing.

Download the source

Adapt your content

Replace sample text, brands and placeholders with assets you have permission to use.

Discuss customisation

BEFORE YOU BEGIN

A few useful answers.

Have a question about your project or account?

Send your requirements
Can I use these packages commercially?

The current source packages use the MIT licence. Keep the original copyright and permission notices, and check separate rights for images, trademarks and dependencies.

Are the downloads ready-made hosted websites?

These are source packages with setup notes. You will need the required development tools and your own hosting. Read the product requirements before downloading.

Can Script Ninja customise a template?

Yes. Send the template name, your content and the changes you need. Custom implementation is scoped and quoted separately.

LET'S MAKE SOMETHING USEFUL.

Need a hand adapting this package?

Bring your goals, your questions and the work you want to move forward.

Share your template brief