Sample Projects

Interactive projects built entirely with vibecoding. Try the live demos and see the prompts used.

AdvancedVibecoded in ~15 min

Zen Cubs — Pocket Dojo

A kid-friendly, offline-first PWA that helps children calm big feelings with ninja-themed breathing exercises, narrated story missions, a blow-into-the-mic lava game, belts, and a feelings garden.

ReactPWAOfflineKids
IntermediateVibecoded in ~10 min

USD to INR Rate Tracker

Real-time exchange rate comparison across Wise, Instarem, ICICI Money2India, Remitly, and Xoom with interactive calculator.

ReactDashboardFinance
BeginnerVibecoded in ~5 min

Pomodoro Timer

A clean 25/5 focus timer with session tracking, sound alerts, and a minimal dark UI.

ReactStateAudio
BeginnerVibecoded in ~5 min

Markdown Previewer

Split-pane editor with live preview. Type markdown on the left, see rendered HTML on the right.

ReactMarkdownSplit Pane
IntermediateVibecoded in ~8 min

Expense Tracker

Track income and expenses by category with a visual breakdown and running balance.

ReactLocalStorageCharts
IntermediateVibecoded in ~8 min

Quiz Builder

Create multiple-choice quizzes, take them interactively, and see your score with explanations.

ReactFormsState
IntermediateVibecoded in ~7 min

Habit Tracker

GitHub-style contribution grid for daily habits. Track streaks and build consistency.

ReactGridLocalStorage
BeginnerVibecoded in ~3 min

JSON Formatter

Paste messy JSON, get it formatted and syntax-highlighted. Validate, minify, and copy.

ReactJSONClipboard
BeginnerVibecoded in ~4 min

Password Generator

Generate secure passwords with customizable length, character types, and strength meter.

ReactCryptoUI
BeginnerVibecoded in ~5 min

Favicon Generator

Type 1-2 characters, pick colors, and download a favicon as PNG. Every project needs one.

ReactCanvasDownload
BeginnerVibecoded in ~5 min

Meta Tag Generator

Fill in SEO details and get ready-to-paste meta tags for Google, Twitter, and Open Graph.

ReactSEOClipboard
BeginnerVibecoded in ~4 min

Changelog Generator

Paste commit messages and get a formatted CHANGELOG.md grouped by type.

ReactParsingMarkdown
BeginnerVibecoded in ~4 min

Stopwatch & Lap Timer

Precision stopwatch with lap tracking, split times, and a clean animated display.

ReactStateTime
BeginnerVibecoded in ~3 min

BMI Calculator

Enter height and weight to get your BMI with a visual health range indicator and recommendations.

ReactFormsMath
BeginnerVibecoded in ~5 min

Color Contrast Checker

Enter two colors and instantly see WCAG contrast ratios with AA/AAA pass/fail indicators.

ReactAccessibilityColor
IntermediateVibecoded in ~6 min

URL Shortener

Shorten URLs with custom aliases, track click counts, and manage links — all stored locally.

ReactLocalStorageRouting
IntermediateVibecoded in ~10 min

Drawing Canvas

Freehand drawing app with color picker, brush size control, eraser, undo, and PNG export.

ReactCanvasDrawing
AdvancedVibecoded in ~12 min

Kanban Board

Drag-and-drop task board with To Do, In Progress, and Done columns. Persists to localStorage.

ReactDrag & DropLocalStorage
IntermediateVibecoded in ~10 min

Code Snippet Manager

Save, search, and organize code snippets with syntax highlighting, tags, and clipboard copy.

ReactSyntax HighlightingLocalStorage
IntermediateVibecoded in ~8 min

Typing Speed Test

30-second WPM + accuracy test with live character highlighting and swappable sample texts.

ReactTimerState
IntermediateVibecoded in ~6 min

Regex Tester

Live regex playground with flag toggles, preset patterns, in-place match highlighting, and capture group display.

ReactRegexDeveloper Tools
IntermediateVibecoded in ~10 min

Flashcards

Study deck with 3D flip animation, shuffle, known/review tracking, and add-your-own cards.

ReactAnimationStudy
AdvancedVibecoded in ~15 min

AI Trading Strategy Advisor

Get AI-powered technical analysis, options strategy suggestions, and risk assessments for US stocks using Gemma 4.

AIOllamaFinanceStreaming
IntermediateVibecoded in ~7 min

Unit Converter

Convert between length, weight, temperature, and volume units with live bidirectional conversion and a swap button.

ReactMathForms
IntermediateVibecoded in ~8 min

Base64 & Hash Toolkit

Encode/decode base64 and URLs plus generate SHA-256 hashes with Web Crypto. Tabbed interface with copy-to-clipboard.

ReactCryptoDeveloper Tools
AdvancedVibecoded in ~15 min

Pixel Art Editor

Grid-based pixel drawing with brush, eraser, and flood fill tools, undo/redo stack, color palette, and PNG export.

ReactCanvasUndo/Redo
AdvancedVibecoded in ~15 min

Mind Map

Interactive SVG node graph: drag to arrange, click to add children, rename inline, and persist the tree to localStorage.

ReactSVGLocalStorage
AdvancedVibecoded in ~20 min

Step Sequencer

16-step drum machine with synthesized kicks, snares, and hi-hats — every sound is generated in the browser, and the beat never drifts.

ReactWeb AudioSynthesis
AdvancedVibecoded in ~15 min

Conway's Game of Life

Cellular automaton on a toroidal grid with pattern presets (Glider, Pulsar, Gosper Gun), speed slider, and click-to-paint editing.

ReactCanvasAlgorithms
AdvancedVibecoded in ~25 min

Mini Spreadsheet

Tiny spreadsheet with a real formula engine — SUM, AVG, cell ranges, and formulas that update automatically when the cells they reference change.

ReactParserLocalStorage
AdvancedVibecoded in ~20 min

FM Player

Internet radio player streaming 25 free SomaFM channels with live now-playing metadata, favorites, genre filters, and a single-element audio pipeline.

ReactAudioStreaming
IntermediateVibecoded in ~12 min

CSS Gradient Generator

Design linear and radial gradients with draggable color stops, live preview, and copy-ready CSS. Add stops, tweak angle, and export a paste-ready background rule.

ReactCSSClipboard
IntermediateVibecoded in ~15 min

Tic-Tac-Toe vs AI

Play against an unbeatable minimax AI or an easy random opponent. Tracks score across rounds, highlights the winning line, and lets you pick who goes first.

ReactAlgorithmsGame
BeginnerVibecoded in ~4 min

Tip Calculator

Enter a bill amount, pick a tip percentage, and split the total across any number of people — with a per-person breakdown.

ReactFormsMath
BeginnerVibecoded in ~5 min

Countdown Timer

Pick any future date and watch a live countdown in days, hours, minutes, and seconds — with quick presets for common events.

ReactTimerDate
IntermediateVibecoded in ~10 min

Poll Maker

Create a multiple-choice poll, vote on it, and watch results update as live percentage bars. Save multiple polls locally and switch between them.

ReactFormsLocalStorage