Blog
/ 
Code

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.

Tags

Javascript
Animation
3D
Interactions
CSS

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
Code
Library
/ 

Three.js

9.30.24
Creative, Dev Tools, Javascript, Animation, Interactions, 3D
Annnimate
Code
Library
/ 

Annnimate

1.5.26
Creative, Dev Tools, Animation, Webflow
Codrops Creative Hub
Tools
Directory
/ 

Codrops Creative Hub

9.30.25
Creative, Dev Tools, Custom Code, Javascript, CSS, Interactions, Animation, 3D, GSAP, Three.js
Interactive SVG Animations
Learn
Course
/ 
Article

Interactive SVG Animations

12.1.25
Creative, Dev Tools, Assets, Animation, Workflow
Strudel REPL
Code
Library
/ 

Strudel REPL

1.11.26
Music, Dev Tools, Javascript, Custom Code, Audio
Ripplix
Tools
Directory
/ 

Ripplix

1.23.26
Creative, Animation, Gallery
Efecto
Tools
App
/ 
Utility

Efecto

11.14.25
Creative, AI, Assets, Workflow, 3D, Video
Puck
Code
Library
/ 
Utility

Puck

12.22.25
AI, Dev Tools, Creative, No-code, Javascript, Website Builder, Onlook
Slide Right
Slide Right
Slide Left
Slide Left

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

Items
0
Layout
Grid View
Row View
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Hide Section if Child CMS Collection is Empty in Webflow
Code
Snippet
/ 

Hide Section if Child CMS Collection is Empty in Webflow

4.2.24
No-code, CMS, CSS, Extending, Webflow, Timothy Ricks
gfluo Webflow App
Tools
Utility
/ 

gfluo Webflow App

4.1.24
No-code, Animation, Text, Interactions, Extending, Javascript, GSAP, Webflow
Nomad Animations
Inspo
Website
/ 

Nomad Animations

4.1.24
Creative, Motion Design, Animation, Portfolio, Agency, Webflow
What You Need to Know about Modern CSS (Spring 2024 Edition)
Learn
Article
/ 

What You Need to Know about Modern CSS (Spring 2024 Edition)

3.29.24
CSS, Custom Code, Extending, Workflow
SVGator
Tools
App
/ 

SVGator

3.27.24
Creative, Animation, App, SVG, Assets
xSync Webflow App
Tools
Utility
/ 

xSync Webflow App

3.21.24
No-code, CSS, Workflow, Extending, Webflow, xAtom
How to make numbers count using Webflow interactions
Learn
Video
/ 

How to make numbers count using Webflow interactions

3.20.24
Creative, No-code, Number, Count, Animation, Interactions, Custom Code, Javascript, Extending, Webflow, The Lazy God
CSS Only Animations
Tools
Component
/ 
Website

CSS Only Animations

3.16.24
Creative, No-code, Extending, CSS, Custom Code, Animation, Webflow, Timothy Ricks
Unicorn Studio
Tools
App
/ 

Unicorn Studio

3.16.24
Creative, No-code, Animation, 3D, Interactions
Flatpickr
Code
Library
/ 

Flatpickr

3.12.24
Extending, Forms, Time, Javascript, Custom Code
Axon Evidence
Inspo
Website
/ 

Axon Evidence

3.10.24
Technology, Landing, Scrollytelling, 3D, Webflow, Diego Toda de Oliveira
EmergentX
Inspo
Website
/ 

EmergentX

3.6.24
Crypto, SAAS, Landing, Interactions, Webflow
How to make text responsive with clamp
Learn
Video
/ 

How to make text responsive with clamp

2.27.24
No-code, Extending, CSS, Responsive, Fonts, Webflow, Code & Wander
Goo Motion Library
Code
Library
/ 
Utility

Goo Motion Library

2.27.24
No-code, Extending, Animation, Javascript, GSAP, Webflow
Example Webflow CSS Custom Properties
Tools
Directory
/ 

Example Webflow CSS Custom Properties

2.22.24
No-code, CSS, Extending
Glaze
Code
Library
/ 

Glaze

2.15.24
Javascript, Animation, Extending, HTML, GSAP
xAtom
Code
Library
/ 

xAtom

2.12.24
No-code, Extending, Javascript, Web Apps, Webflow
Airscript
Learn
Course
/ 
Article

Airscript

2.9.24
No-code, Education, Extending, Javascript, API, Workflow, Airtable
BuiltOnAir Script List
Tools
Directory
/ 

BuiltOnAir Script List

2.9.24
No-code, Extending, Javascript, Gallery, Airtable
Vikas' Airtable Scripting Custom GPT
Tools
Utility
/ 

Vikas' Airtable Scripting Custom GPT

2.9.24
AI, Extending, Javascript, LLM, Workflow, Airtable
Martin Stoleru
Inspo
Website
/ 

Martin Stoleru

2.2.24
Creative, 3D, Personal, Portfolio, Webflow
HTML <dialog> Modal
Tools
Component
/ 

HTML <dialog> Modal

1.22.24
HTML, Extending, Custom Code, Javascript, Interactions, Webflow, The New Dialog HTML Element Changes Modals Forever, Corey Moen
The New Dialog HTML Element Changes Modals Forever
Learn
Video
/ 

The New Dialog HTML Element Changes Modals Forever

1.21.24
HTML, Interactions, Custom Code, Accessibility
Shapr3D
Tools
App
/ 
Website

Shapr3D

1.21.24
3D, App, Workflow
Resliders
Tools
Directory
/ 
Website

Resliders

1.17.24
No-code, Creative, Slider, Gallery, Ecommerce, Javascript, Extending, CMS, Swiper, Webflow
Darina CG Artist
Inspo
Website
/ 

Darina CG Artist

1.16.24
Creative, Architecture, 3D, Personal, Portfolio, Webflow
Custom Tag Form Spam Prevention
Code
Snippet
/ 
Tip

Custom Tag Form Spam Prevention

1.15.24
Forms, Workflow, HTML, Javascript
TinySync - Airtable → Webflow CMS Sync Via CLI
Code
Library
/ 
Utility

TinySync - Airtable → Webflow CMS Sync Via CLI

1.15.24
Extending, Database, API, Automation, CMS, Airtable, Webflow
Toggle Dark Mode with CSS :has()
Learn
Video
/ 

Toggle Dark Mode with CSS :has()

1.14.24
CSS, Extending, Design System, Variables, Webflow, Web Bae
Small Medium Large
Tools
Framework
/ 

Small Medium Large

1.9.24
No-code, Creative, CSS, Workflow, Design System, Webflow
Use AI to Streamline Airtable Automations
Learn
Video
/ 

Use AI to Streamline Airtable Automations

1.5.24
AI, No-code, Extending, Javascript, Automation, Airtable
Show a Preloader Only Once Per Day
Code
Snippet
/ 

Show a Preloader Only Once Per Day

1.3.24
Load, Hide/Show, Javascript, Cookie, Setting Cookies, Adding cookies to custom modals, Corey Moen
Spline Store
Inspo
Website
/ 

Spline Store

1.3.24
Creative, 3D, Gallery, Ecommerce, Spline, Framer
Scroll Based Animations With CSS Only
Learn
Video
/ 

Scroll Based Animations With CSS Only

12.28.23
CSS, Scroll, Animation, Interactions, Custom Code
Color Scroll Interaction With Webflow Variables
Learn
Video
/ 

Color Scroll Interaction With Webflow Variables

12.16.23
Variables, Interactions, Custom Code, Extending, Webflow, GSAP, Timothy Ricks
Dropbox and Google Drive Asset Hosting
Learn
Article
/ 

Dropbox and Google Drive Asset Hosting

12.15.23
No-code, Assets, Hosting, No-Code Supply Co.
Email Address Input Validation
Code
Snippet
/ 

Email Address Input Validation

12.15.23
Forms, Validate, Email, Javascript, Corey Moen
Creating Accessible UI Animations
Learn
Article
/ 

Creating Accessible UI Animations

12.14.23
Accessibility, Animation, Custom Code, Workflow
AI Modernism Of Kharkiv
Inspo
Website
/ 

AI Modernism Of Kharkiv

12.12.23
Creative, History, AI, Landing, Scrollytelling, Scroll, Interactions, Webflow
10 On-scroll Typography Effects
Tools
Component
/ 

10 On-scroll Typography Effects

12.12.23
No-code, Scrollytelling, Text, Animation, Interactions, Javascript, GSAP, Webflow
GSAP Crash Course for Webflow
Learn
Video
/ 

GSAP Crash Course for Webflow

12.6.23
Animation, Javascript, Extending, Custom Code, Workflow, Webflow, GSAP, Timothy Ricks
Lightbox Inside Webflow Rich Text
Code
Snippet
/ 

Lightbox Inside Webflow Rich Text

12.4.23
CMS, Extending, Assets, Content, Javascript, Custom Code, Webflow
Alpine.js
Code
Library
/ 

Alpine.js

12.1.23
HTML, Javascript, Extending, Custom Code, Frontend
Animate a Video With Native Webflow Interactions
Learn
Video
/ 

Animate a Video With Native Webflow Interactions

11.28.23
No-code, Video, Interactions, Extending, Variables, Custom Code, Webflow, The Lazy God
Dark Mode Toggle With Webflow Variables
Learn
Video
/ 

Dark Mode Toggle With Webflow Variables

11.28.23
No-code, Variables, Design System, Extending, Custom Code, Javascript, Webflow, GSAP, Timothy Ricks
The Code Flow
Learn
Course
/ 
Website

The Code Flow

11.28.23
No-code, Creative, Workflow, Extending, Javascript, Custom Code, Webflow
What CSS length unit should you use?
Learn
Article
/ 

What CSS length unit should you use?

11.27.23
CSS, Workflow, Custom Code
Plasticity
Tools
App
/ 

Plasticity

11.21.23
Creative, 3D, App
Same Table Backlinks in Airtable
Code
Snippet
/ 

Same Table Backlinks in Airtable

11.21.23
No-code, Extending, Custom Code, Workflow, Database, Airtable
Cassidy
Inspo
Website
/ 

Cassidy

11.17.23
AI, Landing, Marketing, 3D, Webflow
Event Beds
Inspo
Website
/ 

Event Beds

11.16.23
Travel, Housing, Landing, Scrollytelling, 3D, Webflow
Elfsight Apps
Tools
Utility
/ 
Directory

Elfsight Apps

11.15.23
SAAS, Extending, App, Gallery, Javascript, Custom Code
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.