The internet used to be a vast, static landscape of text and images (save for Flash's brief time in the limelight, before it broke the internet). But in recent years, we’ve seen a seismic shift as developers and designers have harnessed the power of code to create interactive, immersive, and visually stunning web experiences (that modern browsers can now handle).
Perhaps unlike Flash, this isn’t just a current trend — it’s a response to the growing demand for richer, more interactive web experiences. Audiences today expect more from the digital world than static pages; they want storytelling, interactivity, and immersion. From major brands adopting Disney & Pixar-like animations to indie creators pushing the limits of WebGL, creative coding is making the web not just a place to consume content, but to experience it in an entirely new way.
As the demand for innovative, engaging digital experiences grows, so too does the need for skilled creative coders. From mesmerizing animations and interactive data visualizations to immersive 3D environments and audio-reactive experiences, creative coders are pushing the boundaries of what the web can do. And with the rise of tools and frameworks like GSAP, it’s never been easier for developers to bring their creative visions to life.
We've curated a stack for newbie or established 'Creative Coders', but we wanted to give an Honorable Mention to some other frameworks, languages and platforms:
Intrigued? Dive in ↓
Design+Code
🎓 Courses
📹 Tutorials
🌐 Livestreams
🥇 Certificates
💾 Downloads
📚 Handbooks
SuperHi
✅ Beginner to advanced
⌨️ Coding
🔮 Digital Design
🗂️ Project Management
⚡️ Career Boosters
🪩 On-demand
👥 1:1 feedback
🏆 Certification
Codecademy
✅ Projects
☎️ Interview Challenges
📝 Docs
🧐 Cheatsheets
📚 Articles, Videos & Blog
💼 Career Center
Are.na
💬 Private & collaborative channels
🗂️ Export channels as PDF, ZIP & HTML
🔗 API to display content elsewhere
🌐 Add links or text snippets via the web
📬 Save web pages, images, PDFs, videos & more
📂 Upload any file type
Eagle
🌐 Browser Extension
🎥 Video & Audio Management
🔖 Tags
🗂️ Smart Folders
📝 Notes & Annotation
🎨 Color Filter
🔎 Keywords Search
∞ Advanced Filters
⍶ Font Management
Curated
Web design inspo for:
💼 Agencies & Portfolios
🎨 Assets
🤖 Artificial Intelligence
🌐 Tech & Web3
🚀 Design & Development Tools
🔥 Marketing
⚡️ Productivity
🛍️ E-commerce
💻 Desktop & Mobile Apps
🔮 & More
Endless Tools
🌎 3D
⚫️ Objects
📃 Materials
✍️ Type
⠿ Textures
📸 Generative graphics
🟪 Shapes
⚪️ Covers
Unicorn Studio
🗂️ 35+ powerful effects
🔮 Super easy motion & interactivity
🚀 Built for speed & performance
😎 Embed with a few clicks
⚡️ Runs fast right in your browser
📸 Hi-res image & video exports
📝 SDK for native code embeds
Rive
⚡️ State Machines
🎬 Transitions
🎧 Listeners
📝 Inputs
💿 Blend States
📅 Events
🔮 Dynamic Assets
🕹️ Joysticks
🗾 Vector & Raster
🚶 Follow paths
& Much more
Mobbin
🖥️ Screens
❖ UI Elements
🚀 Flows
📸 Text in Screenshot
🎥 Flow videos
🔮 Prototype mode
🎨 Copy to Figma
🗂️ Save to collections
💬 Leave comments
GitHub
⚙️ Collaborative Coding
🤖 Automation & CI/CD
🔐 Security
👋 Client Apps
✅ Project Management
🗂 Team Administration
💬 Community
GitLab
🚀 Continuous Integration & Delivery
📚 GitOps
🔐 Security & Compliance
✅ Agile Planning
💸 Value Stream Management
⚙️ Source Code Management
📦 Software Supply Chain Security
🤖 Automated Software Delivery
CodePen
✍️ The Pen Editor
💼 The Project Editor
🗂️ Collections
🌐 Asset Hosting
🔗 Embeds
🔌 API
GSAP
🔮 Animate anything
🔌 Plug-and-play
🤌 Jaw-dropping scroll effects
🎞️ SVG magic
🎨 Create complex UI in a click
⚡️ Text animations
Cursor
✅ Knows your codebase
🚀 Just hit tab
✍️ Edit in natural language
👋 Feels familiar
🔐 SOC 2 certified
🗝️ Bring Your Own Key
CodeSandbox
🗳️ microVMs
🔌 GitHub Integration
🔮 AI Code Autocomplete
🌏 Pre-configured environments
🛠️ Powerful DevTools
⚡️ Low Code Tooling
🔷 VS Code Extension
🌐 Online Code Editor
VS Code
💽 Integrated terminal
🎞️ Run code
🗂️ Version control
✅ Build tasks
🌎 Local history
🎨 Themes
💙 Accessibility
🌐 Web support
Zed
🍞 Breadcrumbs
⚙️ CLI & Code Actions
🧽 Multi-buffers
🔎 Navigation & References
⚡️ Rename Refactoring
📹 Screensharing
📑 Splitting Terminals
💡 Command Palette
⛑️ Diagnostics
🎨 Themes
Tuple
💻 MacOS & Windows
🔊 Ridiculously crisp audio & video
🔐 End-to-end encryption
👥 Seamless collaboration
🔄 One click to swap who’s sharing
⚙️ Native cross-platform C++ engine
🔋 Stingy with your CPU cycles
⚡️ Runs in your menu bar
⌘ Shortcuts & triggers
🤣 Emoji reactions & animations
💬 Screen annotations
Stackblitz
🔐 Unmatched security
✅ Online & offline
🐛 Seamless debugging
📦 WebContainers built-in
📑 Live, interactive documentation
🧐 One-click bug reproductions
⚡️ Iterate on new ideas fast
🛅 Enterprise SSO
💻 Desktop-grade editor
👥 Access & usage controls
Contra
👀 Find your next opportunity
💸 Get paid commission-free
✍️ Manage contracts and payments
🕺 Invite freelancers
🔥 Find matches for your opportunity
🎉 Discover the perfect hire
Breef
📝 Plan, scope + budget your project
🎉 Find an agency in < 7 days
🚀 Select team. Start project.
Wellfound
🔥 10k Matches Made
💼 150k+ Tech Jobs
🦄 10m+ Startup Ready Candidates
➗ Salary Calculator
📊 Startup Hiring Data
🚀 Recruitment Support
Pangea
🔥 Find the hottest companies
💸 Get paid on your terms
🤖 Rise above the crowd with AI
💌 Blast off with Referrals
🪐 All your work in one place
🌐 Link your free shareable profile
Read CV
👋 Profiles
👥 Team Profiles
🗂️ Case studies
💸 Lead generation
💼 Job listings
🌐 Personal domains
Layers
🚀 Share your work
🗂️ Build your portfolio
📊 Analytics & scheduling
🔎 Find design jobs
🎥 Generate bespoke videos
💬 Connect effortlessly
Design+Code
🎓 Courses
📹 Tutorials
🌐 Livestreams
🥇 Certificates
💾 Downloads
📚 Handbooks
SuperHi
✅ Beginner to advanced
⌨️ Coding
🔮 Digital Design
🗂️ Project Management
⚡️ Career Boosters
🪩 On-demand
👥 1:1 feedback
🏆 Certification
Codecademy
✅ Projects
☎️ Interview Challenges
📝 Docs
🧐 Cheatsheets
📚 Articles, Videos & Blog
💼 Career Center
Eagle
🌐 Browser Extension
🎥 Video & Audio Management
🔖 Tags
🗂️ Smart Folders
📝 Notes & Annotation
🎨 Color Filter
🔎 Keywords Search
∞ Advanced Filters
⍶ Font Management
Endless Tools
🌎 3D
⚫️ Objects
📃 Materials
✍️ Type
⠿ Textures
📸 Generative graphics
🟪 Shapes
⚪️ Covers
Rive
⚡️ State Machines
🎬 Transitions
🎧 Listeners
📝 Inputs
💿 Blend States
📅 Events
🔮 Dynamic Assets
🕹️ Joysticks
🗾 Vector & Raster
🚶 Follow paths
& Much more
Mobbin
🖥️ Screens
❖ UI Elements
🚀 Flows
📸 Text in Screenshot
🎥 Flow videos
🔮 Prototype mode
🎨 Copy to Figma
🗂️ Save to collections
💬 Leave comments
CodePen
✍️ The Pen Editor
💼 The Project Editor
🗂️ Collections
🌐 Asset Hosting
🔗 Embeds
🔌 API
Cursor
✅ Knows your codebase
🚀 Just hit tab
✍️ Edit in natural language
👋 Feels familiar
🔐 SOC 2 certified
🗝️ Bring Your Own Key
CodeSandbox
🗳️ microVMs
🔌 GitHub Integration
🔮 AI Code Autocomplete
🌏 Pre-configured environments
🛠️ Powerful DevTools
⚡️ Low Code Tooling
🔷 VS Code Extension
🌐 Online Code Editor
VS Code
💽 Integrated terminal
🎞️ Run code
🗂️ Version control
✅ Build tasks
🌎 Local history
🎨 Themes
💙 Accessibility
🌐 Web support
Tuple
💻 MacOS & Windows
🔊 Ridiculously crisp audio & video
🔐 End-to-end encryption
👥 Seamless collaboration
🔄 One click to swap who’s sharing
⚙️ Native cross-platform C++ engine
🔋 Stingy with your CPU cycles
⚡️ Runs in your menu bar
⌘ Shortcuts & triggers
🤣 Emoji reactions & animations
💬 Screen annotations
Stackblitz
🔐 Unmatched security
✅ Online & offline
🐛 Seamless debugging
📦 WebContainers built-in
📑 Live, interactive documentation
🧐 One-click bug reproductions
⚡️ Iterate on new ideas fast
🛅 Enterprise SSO
💻 Desktop-grade editor
👥 Access & usage controls
