Creative code: animation, 3D, and generative tools

TLDR

A curated set of tools and resources for building with animation, 3D, and generative code on the web.

Date

Jan 16, 2026

Author

No-Code Supply Co.

Creative code is one of those spaces where the line between art and engineering gets blurry — in the best way. Whether you are building immersive 3D scenes with Three.js, crafting scroll-driven SVG animations, live-coding music patterns in the browser, or applying ASCII dithering effects to video in real-time, the tooling has never been more accessible. You do not need a CS degree or a background in motion studios. The barrier to entry is a browser and some curiosity.

Three.js

9.30.24

Annnimate

1.5.26

Codrops Creative Hub

9.30.25

Interactive SVG Animations

12.1.25

Strudel REPL

1.11.26

Ripplix

1.23.26

Efecto

11.14.25

Puck

12.22.25

Pretty straightforward on the surface, but there is more depth here than you might expect. A few of these are full libraries you will build entire projects around. Others are one-afternoon experiments that teach you something new about what is possible on the web. Either way — if you have been wanting to add more motion, depth, or generative flair to your work, this is a solid starting point.

Keep exploring

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Fluid Builder Webflow App

2.6.25

Line Height Trim

1.28.25

Val town

1.23.25

Sygnal Attributes

1.23.25

Radius Calculator

1.14.25

State of JavaScript 2024

1.8.25

Made With Gsap

12.19.24

requery-js

12.18.24

Simple Project Manager Template

$10
12.17.24

WFS Components

12.13.24

Motion

12.13.24

Phosphor Icon Component for Webflow

12.10.24

GSAP Animation for Webflow

12.4.24

Socket.IO

12.3.24

I Can’t Believe They Added AI To The Browser

12.1.24

Webflow Custom Props Enhancer

11.26.24

Lapz

11.7.24

Wand

10.30.24

Reweb

10.27.24

CSS Hamburgers

10.24.24

GSAP is Joining Webflow

10.18.24

VisualDX

10.15.24

HF-11

10.8.24

AKARI

10.1.24

Three.js

9.30.24

Modern Tax

9.27.24

Easing Graphs

9.23.24

SurfaceFlow

9.19.24

Light/Dark Switch Library

8.28.24

MotionNumber for Framer Motion

8.24.24

Lottielab

8.12.24

JavaScript Inside Webflow Components

8.10.24

Chrono

7.23.24

The Magic of Clip Path

7.22.24

CSS Hacks for Webflow

7.14.24

Control Rive animation in Webflow using GSAP

7.12.24

Webflow Collection De-referencer

7.8.24

Arcade

7.8.24

Scroll to accordion on open

6.25.24

FlowScripts GPT - GSAP Code for Webflow

5.26.24

Panoramic Discoveries

5.8.24

Frida Wiig

5.8.24

Web Interactions Gallery

5.8.24

Lumos Fluid Builder

5.7.24

Unifiers of Japan

5.7.24

GSAP Animation Perspective Visualizer

4.26.24

Agile By Design

4.23.24

Spline AI 3D Generation

4.18.24

Docusign Brand

4.13.24

Prerender

4.8.24

Astro

4.8.24

NeoCultural Couture

4.3.24
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.