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).
![](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f4d6744dd500f9c047c5c8_66f4d6600673fd8369226c93__116318267_flash-end.webp)
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
![Design+Code](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/6554855caab218e555d318a5_20231115T0843-8bc454a8-1443-4e26-ab01-ffd8d0d32fac.avif)
SuperHi
✅ Beginner to advanced
⌨️ Coding
🔮 Digital Design
🗂️ Project Management
⚡️ Career Boosters
🪩 On-demand
👥 1:1 feedback
🏆 Certification
![SuperHi](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f4c180c90d5f0167e29871_SuperHi.webp)
![Codecademy](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/6368b3a321af2b3581e90ec5_6360cf421e9ac2b9313974d8_CodeAcademy.avif)
Codecademy
✅ Projects
☎️ Interview Challenges
📝 Docs
🧐 Cheatsheets
📚 Articles, Videos & Blog
💼 Career Center
![Codecademy](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/65548689d1c383755ab7e096_20231115T0845-03629f84-1418-4b69-a633-31901e4b6fb2.webp)
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
![Are.na](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/6697190d681d6a9f6211f0e8_Arena.avif)
Eagle
🌐 Browser Extension
🎥 Video & Audio Management
🔖 Tags
🗂️ Smart Folders
📝 Notes & Annotation
🎨 Color Filter
🔎 Keywords Search
∞ Advanced Filters
⍶ Font Management
![Eagle](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f425cd318d1ea80f580866_Eagle.webp)
Curated
Web design inspo for:
💼 Agencies & Portfolios
🎨 Assets
🤖 Artificial Intelligence
🌐 Tech & Web3
🚀 Design & Development Tools
🔥 Marketing
⚡️ Productivity
🛍️ E-commerce
💻 Desktop & Mobile Apps
🔮 & More
![Curated](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66330ad185464cb57d3b3c28_Curated.avif)
Endless Tools
🌎 3D
⚫️ Objects
📃 Materials
✍️ Type
⠿ Textures
📸 Generative graphics
🟪 Shapes
⚪️ Covers
![Endless Tools](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66a071f10c02d2e850237929_Endless-Tools.avif)
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
![Unicorn Studio](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/673c20486fe3270566c3fd98_66715dc37e4f2549403b52b2_Unicorn-Studio.webp)
Rive
⚡️ State Machines
🎬 Transitions
🎧 Listeners
📝 Inputs
💿 Blend States
📅 Events
🔮 Dynamic Assets
🕹️ Joysticks
🗾 Vector & Raster
🚶 Follow paths
& Much more
![Rive](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/676ed855f0b521ee3b370f07_66c59610b8e82f621ad14244_Rive.webp)
Mobbin
🖥️ Screens
❖ UI Elements
🚀 Flows
📸 Text in Screenshot
🎥 Flow videos
🔮 Prototype mode
🎨 Copy to Figma
🗂️ Save to collections
💬 Leave comments
![Mobbin](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66a0a9da8ac58d08ebae7e69_Mobbin.avif)
GitHub
⚙️ Collaborative Coding
🤖 Automation & CI/CD
🔐 Security
👋 Client Apps
✅ Project Management
🗂 Team Administration
💬 Community
![GitHub](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/655485d46ea9380b289b2518_20231115T0844-62ef7df3-6a05-43a7-8750-e8af4d0772f9.avif)
GitLab
🚀 Continuous Integration & Delivery
📚 GitOps
🔐 Security & Compliance
✅ Agile Planning
💸 Value Stream Management
⚙️ Source Code Management
📦 Software Supply Chain Security
🤖 Automated Software Delivery
![GitLab](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/655485d55ff93119c2eb6442_20231115T0844-d727bf3c-8781-42ee-869b-fb384d1ca82d.avif)
CodePen
✍️ The Pen Editor
💼 The Project Editor
🗂️ Collections
🌐 Asset Hosting
🔗 Embeds
🔌 API
![CodePen](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f4257c4e2b231fbb9c3fc8_Codepen.webp)
GSAP
🔮 Animate anything
🔌 Plug-and-play
🤌 Jaw-dropping scroll effects
🎞️ SVG magic
🎨 Create complex UI in a click
⚡️ Text animations
![GSAP](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/663ae758ce75394c75eec049_Screenshot-2024-05-08-at-9.44.03-AM.avif)
![Cursor](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66ceb4d36b24a89ae7c092e4_Cursor.webp)
Cursor
✅ Knows your codebase
🚀 Just hit tab
✍️ Edit in natural language
👋 Feels familiar
🔐 SOC 2 certified
🗝️ Bring Your Own Key
![Cursor](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66ceb4d36b24a89ae7c092e0_Cursor.webp)
CodeSandbox
🗳️ microVMs
🔌 GitHub Integration
🔮 AI Code Autocomplete
🌏 Pre-configured environments
🛠️ Powerful DevTools
⚡️ Low Code Tooling
🔷 VS Code Extension
🌐 Online Code Editor
![CodeSandbox](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66d7f0d72ace859a5dfb466b_01-1.webp)
VS Code
💽 Integrated terminal
🎞️ Run code
🗂️ Version control
✅ Build tasks
🌎 Local history
🎨 Themes
💙 Accessibility
🌐 Web support
![VS Code](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f3c106cbce75baaa68552b_VS-Code.webp)
![Zed](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66c5726f51521912baaa74cb_Zed.webp)
Zed
🍞 Breadcrumbs
⚙️ CLI & Code Actions
🧽 Multi-buffers
🔎 Navigation & References
⚡️ Rename Refactoring
📹 Screensharing
📑 Splitting Terminals
💡 Command Palette
⛑️ Diagnostics
🎨 Themes
![Zed](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f4cf4b5188bfbf3d26cd99_Zed.webp)
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
![Tuple](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66b2048e3b1be594d6ae2127_Tuple.avif)
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
![Stackblitz](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f425e636898962c5a41892_StackBlitz.webp)
Contra
👀 Find your next opportunity
💸 Get paid commission-free
✍️ Manage contracts and payments
🕺 Invite freelancers
🔥 Find matches for your opportunity
🎉 Discover the perfect hire
![Contra](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/6613ff8a4d6d1f6e59dc2edf_Contra.avif)
Breef
📝 Plan, scope + budget your project
🎉 Find an agency in < 7 days
🚀 Select team. Start project.
![Breef](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/65548689874e14e6f0fbd10e_20231115T0845-85f28660-6020-403e-ac76-24d3ab55db22.webp)
Wellfound
🔥 10k Matches Made
💼 150k+ Tech Jobs
🦄 10m+ Startup Ready Candidates
➗ Salary Calculator
📊 Startup Hiring Data
🚀 Recruitment Support
![Wellfound](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/655486885237551d2e8d273c_20231115T0845-f649952d-0b58-4c7d-a894-5467dbaa33e8.avif)
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
![Pangea](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/6554855ca6c6a0ea18c585f5_20231115T0843-19a50a93-ff77-4eab-bbe8-b82163b7d4ea.avif)
Read CV
👋 Profiles
👥 Team Profiles
🗂️ Case studies
💸 Lead generation
💼 Job listings
🌐 Personal domains
![Read CV](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66b035bc0f14954b2e938efd_ReadCV.avif)
Layers
🚀 Share your work
🗂️ Build your portfolio
📊 Analytics & scheduling
🔎 Find design jobs
🎥 Generate bespoke videos
💬 Connect effortlessly
![Layers](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/663b7a2b1ae3a497ac44f347_k81n45x32tqhhrxey8h8wm2pjzyamhf2.avif)
Design+Code
🎓 Courses
📹 Tutorials
🌐 Livestreams
🥇 Certificates
💾 Downloads
📚 Handbooks
![Design+Code](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/6554855caab218e555d318a5_20231115T0843-8bc454a8-1443-4e26-ab01-ffd8d0d32fac.avif)
SuperHi
✅ Beginner to advanced
⌨️ Coding
🔮 Digital Design
🗂️ Project Management
⚡️ Career Boosters
🪩 On-demand
👥 1:1 feedback
🏆 Certification
![SuperHi](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f4c180c90d5f0167e29871_SuperHi.webp)
![Codecademy](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/6368b3a321af2b3581e90ec5_6360cf421e9ac2b9313974d8_CodeAcademy.avif)
Codecademy
✅ Projects
☎️ Interview Challenges
📝 Docs
🧐 Cheatsheets
📚 Articles, Videos & Blog
💼 Career Center
![Codecademy](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/65548689d1c383755ab7e096_20231115T0845-03629f84-1418-4b69-a633-31901e4b6fb2.webp)
Eagle
🌐 Browser Extension
🎥 Video & Audio Management
🔖 Tags
🗂️ Smart Folders
📝 Notes & Annotation
🎨 Color Filter
🔎 Keywords Search
∞ Advanced Filters
⍶ Font Management
![Eagle](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f425cd318d1ea80f580866_Eagle.webp)
Endless Tools
🌎 3D
⚫️ Objects
📃 Materials
✍️ Type
⠿ Textures
📸 Generative graphics
🟪 Shapes
⚪️ Covers
![Endless Tools](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66a071f10c02d2e850237929_Endless-Tools.avif)
Rive
⚡️ State Machines
🎬 Transitions
🎧 Listeners
📝 Inputs
💿 Blend States
📅 Events
🔮 Dynamic Assets
🕹️ Joysticks
🗾 Vector & Raster
🚶 Follow paths
& Much more
![Rive](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/676ed855f0b521ee3b370f07_66c59610b8e82f621ad14244_Rive.webp)
Mobbin
🖥️ Screens
❖ UI Elements
🚀 Flows
📸 Text in Screenshot
🎥 Flow videos
🔮 Prototype mode
🎨 Copy to Figma
🗂️ Save to collections
💬 Leave comments
![Mobbin](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66a0a9da8ac58d08ebae7e69_Mobbin.avif)
CodePen
✍️ The Pen Editor
💼 The Project Editor
🗂️ Collections
🌐 Asset Hosting
🔗 Embeds
🔌 API
![CodePen](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f4257c4e2b231fbb9c3fc8_Codepen.webp)
![Cursor](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66ceb4d36b24a89ae7c092e4_Cursor.webp)
Cursor
✅ Knows your codebase
🚀 Just hit tab
✍️ Edit in natural language
👋 Feels familiar
🔐 SOC 2 certified
🗝️ Bring Your Own Key
![Cursor](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66ceb4d36b24a89ae7c092e0_Cursor.webp)
CodeSandbox
🗳️ microVMs
🔌 GitHub Integration
🔮 AI Code Autocomplete
🌏 Pre-configured environments
🛠️ Powerful DevTools
⚡️ Low Code Tooling
🔷 VS Code Extension
🌐 Online Code Editor
![CodeSandbox](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66d7f0d72ace859a5dfb466b_01-1.webp)
VS Code
💽 Integrated terminal
🎞️ Run code
🗂️ Version control
✅ Build tasks
🌎 Local history
🎨 Themes
💙 Accessibility
🌐 Web support
![VS Code](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f3c106cbce75baaa68552b_VS-Code.webp)
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
![Tuple](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66b2048e3b1be594d6ae2127_Tuple.avif)
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
![Stackblitz](https://cdn.prod.website-files.com/63525cfd75ad4b289f410ca9/66f425e636898962c5a41892_StackBlitz.webp)