Sign inStart a project

SCRIPT NINJA / TEMPLATES

Animated Backgrounds and SVG Loaders.

Explore free interactive WebGL backgrounds and animated SVG loading indicators for websites, landing pages and AI interfaces. Get source files and setup notes.

Explore packages Discuss customisation

Good starting points, with the source included. Browse websites, landing pages, dashboards and the small components that make an interface feel complete.

12 curated open-source packages

2 packages

Free source · Original credits · Setup notes
Vanta Animated Backgrounds collection illustrationFree download

Motion & backgrounds

Vanta Animated Backgrounds

Interactive WebGL backgrounds for website heroes and product landing pages. Choose from the bundled effects and tune colour, motion and interaction to suit your design.

JavaScript / Three.js / WebGL

MIT · Teng BaoExplore
SVG Loading Animation Collection collection illustrationFree download

Motion & backgrounds

SVG Loading Animation Collection

A collection of compact animated SVG loading indicators for forms, dashboards and AI responses. Choose a shape, adjust its colour and add a clear loading label in your interface.

SVG / CSS

MIT · Shubham JainExplore

A CLEAR START

The code is free.
Make it your own.

This collection comes from independent open-source authors. Each download includes its original licence, a pinned source revision and setup notes. Retain the copyright notices when you use or share the code.

These are source starters and component libraries. Framework dependencies and a production review are part of setup. Demo content and artwork may need replacing.

Read the licence details

Need help getting it live?

Choose a starting point and tell us what your project needs.

Discuss a custom build
Add movement where it helps the experience. Illustrated project structure.A practical starting point for your project

PLAN THE NEXT STEP

Add movement where it helps the experience.

Keep animation away from essential text, provide a static fallback where appropriate and measure the effect on page loading and interaction.

Explore packages Discuss customisation

MAKE IT ACTIONABLE

Before you choose a package.

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

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.

Found a starting point? Make it your own.

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

Discuss template customisation