Vibe-coded react

39 vibe-coded react projects you can play with in the browser — built with AI, deployed by their authors, collected on VibeCruiser.

• shiyun 把中国三千年的诗放进一片可漫游的三维星系：每位诗人是一颗星，每首诗都有坐标，星与星之间的虚空是「一切可能的诗」。32,657 位诗人 / 933,857 首。灵感来自刘慈欣《诗云》。
• motes Procedural, pointer-reactive ASCII backgrounds for the web. WebGL2, zero dependencies, drop-in React.
• Vibeset Everything you need to build for the web: 100 languages, 64 frontend tools, 41 design techniques, 12 live components and 12 agent skills. Free…
• Material 3 Expressive Screen UI Design interactive Material 3 Expressive screens in the browser and transform them into prompts for AI coding tools.
• Magic Mouse Movements Interactive cursor kits for product stories, portfolios, data reveals, and guided navigation, with complete scenes, React examples, and accessible…
• wave3d Open-source, browser-based studio for authoring and implementing 3D gradient waves 🌊
• Git World A 3D Minecraft-style city where every GitHub developer becomes a building. Explore thousands of buildings, fly through the skyline, and find your…
• dj hands Play chords in the air — a webcam-controlled chord synth. MediaPipe tracks your hands, your left picks the chord, your right picks the sound and sets…
• gesture music Play chords in the air — a webcam-controlled chord synth. MediaPipe tracks your hands, your left picks the chord, your right picks the sound and sets…
• brc background Reverse-engineered reconstruction of the Bomb Rush Cyberfunk menu background: an iterated sine/cosine domain-warp WebGL shader, plus a React…
• CODSOFT TASK 02 A responsive recommendation system built for my CodSoft internship using React, TypeScript, and Lovable.
• CODSOFT TASK 03 AI-powered Tic-Tac-Toe game using the Minimax algorithm, developed for the CODSOFT AI Internship.
• queueease bank system A queue management system for banks, built with React, TypeScript, and Supabase.
• alevoldon lab Interactive 3D lab of AI agents, WebGL, and generative audio.
• my portfolio My portfolio site. 3,200 canvas particles morph from my portrait into each of my ML projects as you scroll. Built with Next.js and TypeScript, no…
• RODket Marketplace and community for Polish allotment gardens (ROD): plot listings, produce, neighbour services and a forum, with AI-generated listings and…
• liquid lens A WebGL metaball lens: soft bodies that chase the pointer, merge into one shape, and show a photograph only where they are. Every number is a slider.
• artifact seed Scroll-driven film x WebGL experience: a procedural specimen materialises between a dancer's hands, then opens. No 3D model, no HDRI, no…
• dithering shader Generative WebGL2 dithering playground and React component with terrain, country masks, 3D illusions, and live performance analytics.
• shaderflow Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
• immersive photo gallery An immersive frontend photo gallery featuring Three.js WebGL, GSAP motion, and AI-assisted image interpretation.
• pelagic jellyfish webgl A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
• order for her AI dining concierge that matches restaurant menus with a personalized taste profile.
• ranna home AI-powered Bengali cooking companion that turns ingredients you already have into personalized recipes and step-by-step cooking guidance.
• Routeasy Aplicativo de planejamento de viagens com roteiros diários, mapas e sugestões de lugares. Projeto em evolução desenvolvido com apoio de IA.
• Metallica A holographic AI assistant interface rendered in real-time WebGL — pulsing FRIDAY-style core, GPU particles, spatial HUD and 10 spec-driven 3D data…
• portfolio Single-page scroll-driven portfolio: one 160,000-point particle field morphs into a different form for every section.
• teaching p5js 面向 p5.js 创意编程课堂的在线练习与教学管理平台。. A vibe-coded JavaScript project you can play with right now, no install — found on GitHub and playable inside…
• interactive 3d product showcase An interactive 3D web experience built with React Three Fiber, Blender assets, and real-time rendering techniques to demonstrate product…
• fluid wallpaper Living generative ink for the web — WebGL2 fluid as a web component or React embed.
• creatorbridge web CreatorBridge — a networking platform connecting small YouTubers with big creators for mentorship and brands for sponsorships. Built with React…
• gtm radar AI-powered system for scoring B2B opportunities, tracking pipeline, and managing strategic outreach. Built by directing Lovable, Supabase, n8n, and…
• threejs react soft configurator A real-time, photorealistic 3D sofa configurator running entirely in the browser. Built with React 18, TypeScript, Three.js and GSAP — no game…
• 3d gradients generator Interactive WebGL gradient studio built with Three.js, GLSL noise, physics, and real-time material controls.
• Paperlab Physical, realistic paper as a React component. Real 3D geometry that peels, unrolls, folds and hangs — preset-driven, serializable, agent-first.
• pipe dream connect Interactive social impact game built with React, TypeScript, and AI-assisted development using Lovable.
• Boarding lk web Sri Lanka's verified student & youth housing hub: find boarding rooms, annexes and houses near SLIIT, Japura, Kelaniya, NSBM and Colombo…
• scroll hero 3D Scroll Animation Hero - Adaline.ai Style | Next.js + GSAP + Tailwind
• ANTHESIS Anthesis is a generative audiovisual flower-art experience with reactive visuals, presets, remixing, photo uploads, sharing, and PNG/GIF exports.