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.

Welcome to SO-Framework - Framework

3.8.23

Fetch GUI for Webflow

3.8.23

Electron

3.7.23

GitHub Copilot Labs

3.6.23

Convert Gradient CSS to Webflow

3.4.23

Automatically Track Webflow Sitemap Changes in Airtable

3.4.23

Unmask Sections While Scrolling in Webflow

3.2.23

Convert Box Shadows to Webflow

3.2.23

Swiper

3.1.23

Detect and Don't Redirect Search Bots

2.28.23

Saul / Rand Template

$250
2.25.23

Capital Template

2.22.23

How to Build Simple Chrome Extensions w/ Keegan Leary

2.21.23

htmx

2.20.23

Webflow Examples Github Repo

2.20.23

Relocate Element While Scrolling in Webflow

2.19.23

Notion API – Full Course for Beginners

2.14.23

Jitter

2.11.23

Webflow Autoplay Tabs w/ Play/Pause Button

2.9.23

Chart.js

2.9.23

Luxon

2.8.23

Add International Times with Timezones to your website

2.8.23

Recreating an Award-Winning Game in Webflow

2.7.23

The Best Method of Scroll Snapping!

2.5.23

Text Connector DateTime Formats

2.2.23

100 Days Of More Or Less Modern CSS

2.2.23

Animate Along SVG Path Using GSAP

1.27.23

Remix Framer

1.22.23

Persistent Dark Mode Switch

1.22.23

Scrollyvideo.js

1.22.23

Healthy Together

1.20.23

Refokus Year in Review 2022

1.19.23

Blotter.js

1.19.23

splt.js

1.19.23

CMCC Global

1.17.23

Matter.js with Responsive SVG Bodies

1.13.23

Particles for Framer

1.12.23

Randomize Button Text on Click

1.12.23

Get Website Meta Data w/ Airtable Script

1.10.23

Custom Webflow Multi-select Input

1.9.23

Add interactivity to your Webflow sites with Rive

1.6.23

Dominate the DOM with Mutation Observer

1.6.23

Mo Eid

1.6.23

Rive

1.5.23

Rive to Webflow Workflow

1.3.23

Fix Overflow Hidden and Border Radius Mobile Bug

1.2.23

GitHub Copilot

12.30.22

Get YouTube Thumbnails w/ Airtable Script

12.22.22

CMS List Sync in Webflow

12.21.22

Clipboard.js

12.19.22

GSAP Scrolltrigger for Advanced Scroll Interactions

12.19.22

Learn Every CSS Selector in 20 Minutes

12.16.22
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.