--- title: Best Creative Coding posts of 2025 | daily.dev description: The most upvoted Creative Coding posts of 2025, curated by the daily.dev community. canonical: https://daily.dev/tags/creative-coding/best-of/2025 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/creative-coding/best-of/2025 og:type: website og:site_name: daily.dev og:title: Best Creative Coding posts of 2025 | daily.dev og:description: The most upvoted Creative Coding posts of 2025, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Creative Coding — 2025 1. 1 [](/posts/the-way-of-code-u63g1bagb "THE WAY OF CODE") Article Community Picks · 1y THE WAY OF CODE Rick Rubin explores the concept of vibe coding by merging ancient philosophy with modern coding practices, assisted by Claude AI from Anthropic. The post discusses themes of creativity, duality, and effortless coding, encouraging readers to use AI to transform code artifacts and develop dynamic visualizations. 220 10 2. 2 [](/posts/scroll-driven-camera-animation-62mddgcda "Scroll-driven camera animation") Article Brad Woods' Digital Garden · 1y Scroll-driven camera animation Explore how to create scroll-driven camera animations in a web scene using three.js and GSAP. The technique involves using the intersection observer to adjust camera positions as different sections come into view. Quaternions are utilized for smooth camera rotations, preventing issues like gimbal lock. The setup allows developers to easily configure desired positions with a GUI and handles the transitions using GSAP for animation. 144 12 3. 3 [](/posts/this-is-the-real-vibe-coding-9xesdkfms "THIS IS THE REAL VIBE CODING") Video ThePrimeTime · 1y THIS IS THE REAL VIBE CODING A developer discovers Strudel, a web-based live coding environment for music creation, and becomes fascinated by watching a live performance where code changes create real-time music. The tool allows musicians to write JavaScript-like code that generates beats, loops, and effects, with visual feedback showing how code modifications translate to audio output. The developer expresses excitement about learning this new form of creative coding that combines programming skills with musical performance. 137 7 4. 4 [](/posts/animating-letters-with-shaders-interactive-text-effect-with-three-js-glsl-kogda2cwv "Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL") Article Codrops · 2y Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL Learn how to create an interactive text effect using Three.js and custom shaders. This tutorial covers the basics of creating a ShaderMaterial, using raycasting for mouse interactions, and applying a dynamic displacement effect. Enhance the visual experience with shadow effects and experiment with easing functions for smooth transitions. 120 3 5. 5 [](/posts/madewithvibe---ai-projects-directory-pp1xtyakl "madewithvibe - AI Projects Directory") Article Community Picks · 1y madewithvibe - AI Projects Directory Explore madewithvibe, a directory showcasing innovative projects developed using AI and vibe coding techniques. The post highlights various projects, including a niche business directory creator, an arXiv explorer for research, an AI food journal, and more, designed to inspire developers with creative AI applications. Additionally, it offers resources on AI assistants and tools to boost development workflow. 82 4 6. 6 [](/posts/tabular-programming-a-new-paradigm-for-expressive-computing-in-constrained-environments-abenh5tpw "Tabular Programming: A New Paradigm for Expressive Computing in Constrained Environments") Article Hacker News · 1y Tabular Programming: A New Paradigm for Expressive Computing in Constrained Environments Exploring the concept of tabular programming inspired by the m8 Dirtywave tracker, this post discusses how a minimal, portable hardware interface can lead to a unique and expressive programming environment. By leveraging a tabular format and stack-based model like Forth, this approach encourages breaking down complex operations into simpler, composable functions, enabling innovative creative applications such as pixel art editors and music tools. 72 3 7. 7 [](/posts/building-a-fully-featured-3d-world-in-the-browser-with-blender-and-three-js-2rvnhljal "Building a Fully-Featured 3D World in the Browser with Blender and Three.js") Article Codrops · 1y Building a Fully-Featured 3D World in the Browser with Blender and Three.js Explore the process of building an immersive 3D world in the browser using Blender and Three.js. Learn the creative and technical steps involved, from conceptualizing scenes to blocking, sculpting, and adding materials. Discover tips for optimization, texturing, and exporting assets to ensure your web-based 3D environment performs efficiently and looks stunning. 65 8. 8 [](/posts/interactive-video-projection-mapping-with-three-js-knw7llb97 "Interactive Video Projection Mapping with Three.js") Article Codrops · 1y Interactive Video Projection Mapping with Three.js A comprehensive guide to creating interactive video projection mapping effects in the browser using Three.js. The tutorial covers building 3D grids of cubes, applying video textures with custom UV mapping, using mask images to control cube visibility, and implementing smooth transitions between multiple video projections. Includes practical code examples for creating dynamic visual effects that simulate real-world projection mapping on digital surfaces. 57 3 9. 9 [](/posts/webgpu-scanning-effect-with-depth-maps-slxrxidik "WebGPU Scanning Effect with Depth Maps") Article Codrops · 2y WebGPU Scanning Effect with Depth Maps An exploration of a scanning effect using depth maps, custom shaders, and WebGPU rendering with Three.js and react-three-fiber. The demo showcases three variations of the effect by combining depth information with post-processing to create dynamic visual depth. Techniques include image distortion through UV coordinate displacement, procedural dot grid masking, and continuous scan animation using GSAP. 50 1 10. 10 [](/posts/nannou-org-nannou-a-creative-coding-framework-for-rust--oe42h81kh "nannou-org/nannou: A Creative Coding Framework for Rust.") Article Community Picks · 1y nannou-org/nannou: A Creative Coding Framework for Rust. Nannou is an open-source creative coding framework for Rust, inspired by Processing, OpenFrameworks, and Cinder. It provides artists and developers with tools for creating visual art, interactive installations, and generative designs. The framework includes multiple libraries for graphics, audio, UI, laser control, and mesh composition, along with extensive examples and tutorials. It offers both simple sketching capabilities and advanced features for complex installations. 26 11. 11 [](/posts/you-can-vibe-code-anything--ptic8f1rd "You can vibe code anything...") Article Agentic Engineering · 1y You can vibe code anything... A developer shares their experience creating a birthday slideshow using code instead of traditional video editing tools. They used Remotion, a React-based framework for programmatic video creation, along with AI assistance and Suno for background music generation. The post demonstrates how developers can leverage their coding skills for creative projects like video production. 12 6 12. 12 [](/posts/motion-highlights-5-wjuo87jy7 "Motion Highlights #5") Article Codrops · 1y Motion Highlights #5 Motion Highlights #5 presents a curated selection of standout motion designs from diverse creators. The post includes highlights such as After Effects templates, menu animations, fluid mouse interactions, and typography motions. Notable creators featured are Satto.studio, Motto, Nathan Riley, and others, providing inspiration for enthusiasts and professionals in the field. 13 13. 13 [](/posts/creative-coding-with-perlin-noise-co42u3bhx "Creative Coding With Perlin Noise") Article iO tech\_hub · 1y Creative Coding With Perlin Noise Perlin noise transforms harsh randomness into smooth, natural-looking patterns for creative coding projects. Unlike Math.random(), it generates gradual transitions between values, making it perfect for creating organic movement in particles, terrain generation, and visual effects. The technique involves calculating noise values based on position coordinates and applying them to properties like movement, color, or opacity. Examples include recreating the Joy Division album cover, simulating flying insects with individual movement paths, creating fire spark effects with decay and depth, and building flow fields where particles follow calculated directional forces across a grid. 11 1 [See all Creative Coding archives](/tags/creative-coding/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/creative-coding/best-of/2025#page","url":"https://daily.dev/tags/creative-coding/best-of/2025","name":"Best Creative Coding Posts of 2025","description":"The most upvoted Creative Coding posts of 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/creative-coding/best-of/2025#items","numberOfItems":13,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/the-way-of-code-u63g1bagb","name":"THE WAY OF CODE"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/scroll-driven-camera-animation-62mddgcda","name":"Scroll-driven camera animation"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/this-is-the-real-vibe-coding-9xesdkfms","name":"THIS IS THE REAL VIBE CODING"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/animating-letters-with-shaders-interactive-text-effect-with-three-js-glsl-kogda2cwv","name":"Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/madewithvibe---ai-projects-directory-pp1xtyakl","name":"madewithvibe - AI Projects Directory"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/tabular-programming-a-new-paradigm-for-expressive-computing-in-constrained-environments-abenh5tpw","name":"Tabular Programming: A New Paradigm for Expressive Computing in Constrained Environments"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/building-a-fully-featured-3d-world-in-the-browser-with-blender-and-three-js-2rvnhljal","name":"Building a Fully-Featured 3D World in the Browser with Blender and Three.js"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/interactive-video-projection-mapping-with-three-js-knw7llb97","name":"Interactive Video Projection Mapping with Three.js"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/webgpu-scanning-effect-with-depth-maps-slxrxidik","name":"WebGPU Scanning Effect with Depth Maps"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/nannou-org-nannou-a-creative-coding-framework-for-rust--oe42h81kh","name":"nannou-org/nannou: A Creative Coding Framework for Rust."},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/you-can-vibe-code-anything--ptic8f1rd","name":"You can vibe code anything..."},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/motion-highlights-5-wjuo87jy7","name":"Motion Highlights #5"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/creative-coding-with-perlin-noise-co42u3bhx","name":"Creative Coding With Perlin Noise"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Creative Coding","item":"https://daily.dev/tags/creative-coding"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/creative-coding/best-of"},{"@type":"ListItem","position":5,"name":"2025"}]}]} ```