Learn to Vibe Code
Your ultimate resource hub for mastering the art of creative, intuitive, and joyful coding.
Video Library
Visual learners rejoice! Our curated collection of videos will guide you through the art of Vibe Coding.
Introduction to Vibe Coding
By Alex Whedbee
A beginner-friendly introduction to the concept of Vibe Coding and how it differs from traditional approaches.
Your First Vibe Project
By Sam Chen
Follow along as we create a simple but expressive project using Vibe Coding principles.
Developing a Creative Coding Mindset
By Jordan Taylor
Learn how to shift your thinking from purely technical to creative and intuitive.
Tool Recommendations
The right tools can enhance your creative coding experience. Here are our favorites for vibe coding.
Windsurf
Windsurf redefines coding efficiency with its innovative design and smart cascade agents that ensure every line of code hits the mark.
Vibe Note: This tool is amazing – its cascade agents get shit done, so you can focus on pure creative flow.
Cursor
A modern and innovative code editor built for efficiency and a seamless workflow.
Vibe Note: Its smart design keeps you in the flow, merging functionality with flair.
Replit
Collaborative online coding platform that simplifies sharing and rapid prototyping.
Vibe Note: Perfect for on-the-fly coding sessions, blending community and creativity.
Language Recommendations
Some programming languages naturally lend themselves better to creative, intuitive coding. Here are our top picks.
JavaScript
The language of the web, perfect for creative coding with its vast ecosystem of libraries.
Vibe Strengths:
- Ubiquitous - runs everywhere
- Huge community and resources
- Perfect for interactive web experiences
- Immediate visual feedback
Best For:
Web-based creative projects, interactive experiences, and visual experiments.
Python
Known for readability and simplicity, Python is great for creative coding, especially with data visualization.
Vibe Strengths:
- Easy to learn and read
- Powerful libraries for data and AI
- Great for generative art
- Excellent for prototyping ideas quickly
Best For:
Data visualization, generative art, AI-powered creative projects, and quick prototyping.
Processing/p5.js
Created specifically for visual arts and creative coding, with an emphasis on visual feedback.
Vibe Strengths:
- Designed specifically for creative coding
- Instant visual feedback
- Simplified syntax for visual elements
- Supportive community of artists and coders
Best For:
Visual art, animations, interactive installations, and learning creative coding fundamentals.
Ruby
Designed for programmer happiness, Ruby's elegant syntax makes it a joy to write creative code.
Vibe Strengths:
- Elegant, expressive syntax
- Designed for programmer happiness
- Metaprogramming capabilities
- Great for text-based creative projects
Best For:
Text-based creative projects, web applications with personality, and experimental coding.
TypeScript
Adds type safety to JavaScript while maintaining its creative flexibility.
Vibe Strengths:
- Type safety prevents common errors
- All the creative power of JavaScript
- Better tooling and editor support
- Scales well for larger creative projects
Best For:
Larger creative coding projects where stability and maintainability are important.
Tutorials
Follow along with our detailed tutorials to master specific vibe coding techniques and approaches.
Developing a Creative Coding Mindset
Learn how to shift your thinking from purely technical to creative and intuitive.
Your First Vibe Coding Project
A step-by-step guide to creating your first project using vibe coding principles.
The Art of Creative Debugging
Transform debugging from a chore into a creative problem-solving adventure.
Top Contributors
Meet the amazing people who are shaping the Vibe Coding movement and creating resources to help you learn.
Subscribe to our newsletter to receive new tutorials, tool recommendations, and vibe coding inspiration directly to your inbox.
We respect your privacy. Unsubscribe at any time. We send newsletters twice a month with only the most valuable content.