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
