Sample Projects

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

💱
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 — no audio files. Web Audio API lookahead scheduler keeps timing tight.

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/MIN/MAX, cell ranges, dependency tracking, and cycle detection. Recursive-descent parser, no eval.

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