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.

Simple Countdown Timer in Seconds

12.1.21

Wannathis | Christmas

11.30.21

Webflow Slider Navigate w/ Arrow Keys

10.14.21

Multiple Nested Collections w/ Jquery .load()

10.6.21

Ben Fryc

10.5.21

CSS Halftone Overlay Effect

9.20.21

Vimeo Video as Background

9.20.21

Finsweet Normalize CSS Embed

9.2.21

Setting Cookies

8.25.21

Set Hidden Input Value From URL Parameters

8.25.21

Hide/show Based on URL Parameter

8.16.21

Prefers Reduced Motion Media Query

7.28.21

Inline Merge and Nest Collection Lists

4.29.21

Multi-line Truncate

4.4.21

Toggle Accordion Attributes for Accessibility

3.29.21

Hide/Show Based on Breakpoints and Count of Items

3.26.21

Set Reading Time on Blog/Article Page

3.24.21

Highlight Text From Search Query

3.16.21

PIXEL SILO

3.9.21

Set URL From Tab Change

3.5.21

Accessible Modal

3.4.21

Swipe Webflow Tabs

2.18.21

Wannathis

2.15.21

Random Shuffle Sort CMS Items

2.5.21

Trap Focus in Modal/Dialog/Cart

1.14.21

Detect Spanish Language and Redirect

1.11.21

Set Equal Heights Based on Tallest

1.11.21

BEM Class Naming Convention in Webflow

11.25.20

CSS Target Attribute

10.30.20

Fix Paragraph Runts With Nonbreaking Space

10.8.20

Shapefest™

10.1.20

Click Something Based on ID in URL

8.27.20

Pause/Reset Video Embed on Click

8.17.20

Add to Calendar Button

8.12.20

Lstore Graphics

7.15.20

Superscript All Registered(®) Trademark Characters

7.13.20

Webflow CMS Previous/Next Buttons

5.20.20

Control Webflow Anchor Link Smooth Scroll

4.16.20

Show/Hide Based on Date/Time

3.27.20

Click to Copy to Clipboard

3.25.20

Social Share Links + Open Graph Meta Data

3.19.20

Back to Previous Page Button

3.11.20

Webflow Lightbox Custom Overlay Color

2.28.20

Custom Scrollbar

2.27.20

Print a Specific Element w/ Button

2.21.20

Text Bottom Border Animation on Hover

2.5.20

Set Text to Today's Date

2.3.20

EZ GIF

1.25.20

Hide Static Element if Webflow CMS Collection is Empty

1.19.20

Page Change Click Delay

1.6.20

Click This to Click That

1.6.20

Hide/Show Element From <select>

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