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.
Custom Webflow Multi-select Input
Code
Snippet
/ 

Custom Webflow Multi-select Input

1.9.23
Javascript, Jquery, Forms, Accessibility, Custom multi-select field in Webflow Form, Webflow
Add interactivity to your Webflow sites with Rive
Learn
Video
/ 

Add interactivity to your Webflow sites with Rive

1.6.23
Motion Design, Animation, Extending, Embeds, Rive, Webflow
Dominate the DOM with Mutation Observer
Learn
Video
/ 

Dominate the DOM with Mutation Observer

1.6.23
Custom Code, Javascript, Web Bae
Mo Eid
Inspo
Website
/ 

Mo Eid

1.6.23
Creative, 3D, Portfolio, Webflow
Rive
Tools
App
/ 

Rive

1.5.23
Motion Design, No-code, Animation, Interactions, Add interactivity to your Webflow sites with Rive, Rive to Webflow Workflow
Rive to Webflow Workflow
Learn
Video
/ 

Rive to Webflow Workflow

1.3.23
Motion Design, Animation, Custom Code, Interactions, Embeds, Rive, Webflow
Fix Overflow Hidden and Border Radius Mobile Bug
Code
Snippet
/ 

Fix Overflow Hidden and Border Radius Mobile Bug

1.2.23
CSS, Aesthetic
GitHub Copilot
Tools
Utility
/ 
App

GitHub Copilot

12.30.22
AI, Custom Code, Javascript, CSS, HTML, Jquery, Extending, Using VS Code and GitHub with Webflow, GitHub Copilot Labs
Get YouTube Thumbnails w/ Airtable Script
Code
Snippet
/ 

Get YouTube Thumbnails w/ Airtable Script

12.22.22
Javascript, Get, Media, Video, Automation, Airtable, Corey Moen
CMS List Sync in Webflow
Learn
Video
/ 

CMS List Sync in Webflow

12.21.22
Custom Code, CMS, Interactions, Webflow, Timothy Ricks
Clipboard.js
Code
Library
/ 

Clipboard.js

12.19.22
Javascript, Click
GSAP Scrolltrigger for Advanced Scroll Interactions
Learn
Video
/ 

GSAP Scrolltrigger for Advanced Scroll Interactions

12.19.22
Custom Code, Javascript, GSAP, Webflow, Timothy Ricks
Learn Every CSS Selector in 20 Minutes
Learn
Video
/ 

Learn Every CSS Selector in 20 Minutes

12.16.22
CSS, Custom Code
Hide Page From Google Search w/ Meta Tag
Code
Snippet
/ 

Hide Page From Google Search w/ Meta Tag

12.16.22
HTML, SEO
Vectary
Tools
App
/ 

Vectary

12.13.22
SAAS, 3D
Artboard Studio
Tools
App
/ 

Artboard Studio

12.12.22
Creative, Motion Design, Video, Animation
Matter.js
Code
Library
/ 

Matter.js

12.11.22
Javascript, Animation, Aesthetic, Using Matter.js in Webflow, Matter.js with Responsive SVG Bodies
Morpher for Framer
Tools
Component
/ 

Morpher for Framer

12.5.22
Extending, Assets, Animation, SVG, Framer, Benjamin den Boer
Summarize Airtable Text with OpenAI
Learn
Tip
/ 

Summarize Airtable Text with OpenAI

12.3.22
AI, Javascript, Airtable, OpenAI
Carbon
Tools
Utility
/ 

Carbon

12.1.22
Custom Code, Javascript, HTML, CSS, Jquery
Web Bae Resource Library
Tools
Directory
/ 

Web Bae Resource Library

11.21.22
No-code, Custom Code, How To, Javascript, CSS, HTML, Your Own Webflow Component Library is EASY???, Webflow
Spline
Tools
App
/ 

Spline

11.4.22
Creative, Marketing, 3D
Womp
Tools
App
/ 

Womp

11.4.22
Creative, Landing, 3D
Bezel
Tools
App
/ 

Bezel

11.4.22
Creative, Marketing, 3D
Animator for Framer
Tools
Component
/ 

Animator for Framer

11.2.22
Animation, Extending, Framer, Benjamin den Boer
Supply.family
Tools
Directory
/ 

Supply.family

11.1.22
Creative, Design System, Fonts, Mockups, 3D
Redirect Form on Submit and Pass Input Value to URL
Code
Snippet
/ 

Redirect Form on Submit and Pass Input Value to URL

10.23.22
Jquery, Get, URL, Forms, Hide/show Based on URL Parameter, Set Hidden Input Value From URL Parameters, Set Text From URL Parameters, Corey Moen
Refokus Tools
Tools
Utility
/ 
Website

Refokus Tools

10.20.22
CMS, Interactions, Slider, Webflow, Refokus
Reinitialize Webflow Interactions
Code
Snippet
/ 

Reinitialize Webflow Interactions

10.19.22
Javascript, API, Interactions, Load, Webflow
Get Image Size w/ Airtable Script
Code
Snippet
/ 

Get Image Size w/ Airtable Script

10.10.22
Javascript, Get, Loop, Set, Airtable, Airtable Scripts Marketplace, Corey Moen
Compress Images w/ Airtable Script
Code
Snippet
/ 

Compress Images w/ Airtable Script

10.10.22
Javascript, API, Automation, Airtable, Airtable Scripts Marketplace, Kraken, Corey Moen
Finsweet Attributes
Tools
Utility
/ 

Finsweet Attributes

10.7.22
CMS, Custom Code, Extending, Search, Frontend, Interactions, Navigation, Webflow
Simple Countdown to Date/Time
Code
Snippet
/ 

Simple Countdown to Date/Time

10.6.22
Javascript, Set, Time, Corey Moen
Moment.js
Code
Library
/ 

Moment.js

10.3.22
Javascript, Time, Validate
Metaballs
Learn
Tip
/ 

Metaballs

9.24.22
How To, CSS, Aesthetic, Animation
Finsweet Attributes Ready JS Method
Code
Snippet
/ 

Finsweet Attributes Ready JS Method

8.31.22
Javascript, API, Load, Finsweet
Effect All Siblings on Hover With CSS
Code
Snippet
/ 

Effect All Siblings on Hover With CSS

8.30.22
CSS, Aesthetic, Hide/Show, Set
Fable
Tools
App
/ 

Fable

8.29.22
Motion Design, Animation
Framer
Tools
App
/ 

Framer

8.28.22
Accessibility, CMS, Forms, Hosting, Interactions, Website Builder, Framer Training, CourseOS, Cubo, Streamline Icons, Instaprice, Traf, Godlike, Charles, Ultra, MOD, Dann Petty, Dive, How to add a custom class to an element in Framer, Nocode.gallery, Framer.supply, Zapier Brand, Detail, Vibrant, Framer Tips, Remix Framer, Animator for Framer, Morpher for Framer, Heading for Framer, Particles for Framer, Good Design Tools, Framepad, MessageBird, Copy-Paste SVG Shapes, Framer Daily Drops, VSK, Mars Rejects, Databar, Pimpinella, Before & After Image Slider for Framer, Studio Duo, HyperFramer, Framer Overrides, Framer Form Component, Framestack, Gil Huybrecht, Framerave, FramerAuth, Interfacer, Framer University, Thenty, BuildBetter AI, Navs.Supply, Bajgart Design Office, Off-Grid, Off-Grid, Overrrides, SegmentUI, Form Studio, Oleg Masnyy, FramerForms
Creating Lottie Files Using Illustrator & After Effects for Webflow
Learn
Video
/ 

Creating Lottie Files Using Illustrator & After Effects for Webflow

8.28.22
Animation, How To, Webflow, Timothy Ricks
Building a Liquid Nav in Webflow
Learn
Video
/ 

Building a Liquid Nav in Webflow

8.28.22
Custom Code, How To, Interactions, Navigation, Webflow
Adaptive Page Loader in Webflow
Learn
Video
/ 

Adaptive Page Loader in Webflow

8.28.22
Animation, Custom Code, How To, Webflow
Top 5 CSS Tricks You Must Know for Webflow
Learn
Video
/ 

Top 5 CSS Tricks You Must Know for Webflow

8.28.22
Custom Code, Frontend, How To, CSS, Webflow, Timothy Ricks
Create Award Winning Animation and Interaction Design in Webflow
Learn
Course
/ 

Create Award Winning Animation and Interaction Design in Webflow

$110
8.28.22
Animation, How To, Interactions, Webflow
Overlapping Page Transitions in Webflow
Learn
Video
/ 

Overlapping Page Transitions in Webflow

8.28.22
Custom Code, How To, Interactions, Navigation, Webflow, Timothy Ricks
Top Five Interactions Designers Struggle to Create in Webflow
Learn
Video
/ 

Top Five Interactions Designers Struggle to Create in Webflow

8.28.22
How To, Interactions, Webflow, Timothy Ricks
Using Matter.js in Webflow
Learn
Video
/ 

Using Matter.js in Webflow

8.28.22
Animation, How To, Interactions, Custom Code, Matter.js, Webflow, Timothy Ricks
How to Webflow like a boss
Learn
Course
/ 

How to Webflow like a boss

$100
8.28.22
Frontend, How To, Interactions, Webflow
Accessibility Checklist
Tools
Utility
/ 

Accessibility Checklist

8.23.22
Accessibility, Custom Code, How To, Javascript, CSS, Webflow
Sticky Scroll Feature Section
Tools
Component
/ 

Sticky Scroll Feature Section

8.5.22
Interactions, Scroll, Scrollytelling, Webflow, Corey Moen
CSS Logo Marquee / Ticker
Code
Snippet
/ 

CSS Logo Marquee / Ticker

5.25.22
CSS, Loop, Animation, Corey Moen
Bulk Delete 301 Redirects From Webflow
Code
Snippet
/ 

Bulk Delete 301 Redirects From Webflow

5.20.22
Javascript, Hack, Webflow
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.