CodeariaAcademy

Spline

A 3D editor in the browser and an open library of ready-made interactive scenes: cursor-following robots, liquid glass, particles. Remix in two clicks.

We have not run it ourselves: described from the docs and the repository.

In numbers

views on the distorting typography
licence of community files
a month, paid plan with no watermark

What it is

Spline is a 3D editor in the browser, but its real value is not the editor, it is the library. The Community section holds hundreds of ready-made interactive scenes from designers worldwide: a robot that turns its head to follow the cursor, a hero section made of reeded glass, hover-reactive boxes, typography that falls apart, streams of particles. It solves a common landing-page problem: you want live 3D visuals and have no 3D designer of your own.

The most interesting part is how you take a scene for yourself. Remix opens your own copy, where you change colours, text and animation speed to fit your brand, and export hands you a tag that drops into the page in two lines. Every piece shows its author and view count, so it is obvious which scenes people actually put to use.

How it works

Communityfree
Shelves named after jobs: Interactive Website, Brand & Marketing, 3D Logos, 3D Icons, Particles, Materials, 3D Mockups.
Remixfree
Opens your own copy of the scene: change colours, text and animation speed in the editor.
Export
Hands you a tag that drops into the page in two lines.
@splinetool/react-splineMIT
A React component; integrations also exist for Webflow, Framer, Wix, Next.js, Swift and Kotlin.

Know before installing

On the free plan web exports carry a watermark; paid plans from $12 a month remove it.
CC BY 4.0 lets you modify scenes and use them commercially, but you must credit the original author.
3D is heavy graphics: load the scene lazily once the block scrolls into view, and check it on an ordinary phone.

Comments