Tailwindcss demos you can play with right now

Dozens of tailwindcss demos, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

Made one of these? See how many people played yours → or use email

• the realm of yaniv ron Welcome to The Realm of Yaniv Ron, an interactive creative engineering showcase combining custom 60fps HTML5 3D projection, polyphonic Web…
• Frostline Frostline Plow Co. is a cozy, responsive 3D snow-plowing simulation game built with Next.js 15 (App Router), Three.js (WebGL), Web Audio…
• super mario A browser recreation of the NES game Super Mario Bros., built with Next.js 14, TypeScript and the HTML5 Canvas API. All sprites are…
• physics deck A roguelike deckbuilder where cards don't just change numbers — they spawn real physics objects into a Matter.js arena. A "Boulder" card…
• Tetris Game This repository contains a simple Tetris game implemented in JavaScript. Tetris is a classic puzzle game where the objective is to clear…
• Bartender EN Simple and fun browser-based bartender simulation game Recommended to play on PC. Set screen size to 67% for optimal experience. "You are…
• Bartender JP シンプルで楽しいブラウザベースのバーテンダーシミュレーションゲーム PCでのプレイ推奨です。画面サイズを67%に設定すると、ちょうど良いサイズで遊べます。 「あなたはバーのマスター。注文通りにカクテルを作り、最高のバーテンダーを目指しましょう！」 🍹…
• webgl shader gallery An immersive virtual art gallery showcasing 8 real-time WebGL shader effects with interactive mouse controls, smooth scroll-snap…
• wrackline Survive the tide. Harvest the shore. A seaside arcade game about greed, timing, and thirteen waves of incoming water. A seaside arcade game…
• Tenzies the source of tenzies.ashwin.co.in, a dice game. roll ten dice, hold the ones that match, and keep rolling the rest until all ten show the…
• generative art pieceneon maze neon maze An animated neon isometric maze rendered in real time on an HTML5 canvas — glowing cyan-to-magenta isometric "pillars" that pulse and…
• metaware logo particles An interactive canvas particle animation that renders the Metaware logo ("meta" in white, "ware" in teal #00E6AE) entirely out of thousands…
• design tool A live, interactive generative ASCII-art design tool built with Next.js. It renders animated canvas patterns composed of ASCII characters…
• wireframe dot matrix globe An interactive 3D wireframe Earth rendered as a halftone dot-matrix on HTML canvas — drag to rotate, scroll to zoom, watch it spin. Built…
• liquid lens A photograph, and a body of liquid you move over it with the pointer. Seven soft bodies chase your hand; where two are near each other…
• vestiraapp Vestira is a photo-real virtual try-on studio where visitors dress one of four AI-generated human models in clothing, shoes, bags and…Vibe-coded
• florae A flower a month, from the edge of the map. · Visit the site Florae imagines a botanical atelier that sends one remarkable specimen each…
• horologie Two hundred and eleven parts. One heartbeat. An independent watchmaking concept centered on the AH-01 skeleton tourbillon. The page treats…
• Susu Browser-based Sudoku generator and solver with multiple difficulty levels
• Layer8Problem "The problem is usually located about 30 cm in front of the screen." A satirical sysadmin simulator. You are GlobalCorp's IT department…
• bonk arena 🇫🇷 Français | 🇬🇧 English Jeu de combat 2D cartoon pour enfants, jouable dans le navigateur. Quatre combattants rigolos s'affrontent sur…
• mastermind Welcome to the Alpine.js and Tailwind CSS-powered Mastermind game! Challenge yourself and showcase your front-end coding skills in this…
• Osks Office Adventure Game A tiny pixel adventure about ambition, curiosity, and a frontend developer who turned her job application into a game. I’m Ósk, a frontend…Vibe-coded
• jacklet Branding uses Jacklet with the subtitle “daily blackjack” and a spade favicon. Progress version jacklet-v3 starts a new game for all…
• shader svg An animated WebGL mesh-gradient "ghost" rendered inside an SVG silhouette — built with Next.js 15, @paper-design/shaders-react, and Framer…
• MildredPierce Sitio web de la banda Mildred Pierce. Tiene la página de su sencillo debut y EYETV, un juego en el navegador con estilo de televisión CRT…
• saaz together 🎵 Listen together, chat in real time, and discover people who share your music taste. Saaz is a modern social music platform where people…Vibe-coded
• temple rumble 🥈 2nd place in the Three.js Game Jam Try it live here 👉 templerumble.dammafra.dev Inspired by a well-known minigame, this is a…
• hook a fish 🥇 1st place in the Three.js Journey Challenge 019 Try it live here 👉 hook-a-fish.dammafra.dev Dive into Hook-A-Fish! Inspired by…
• drysland 🥇 1st place in the Three.js Journey Challenge 017 Try it live here 👉 drysland.dammafra.dev Inspired by classic pipe-connection games…
• pipe dream connect An interactive timing game inspired by charity: water, built as an AI-assisted development project using Lovable. Pipe Connect is a simple…Vibe-coded
• nocturne Iris & oud, extrait de parfum A fragrance-house concept from Grasse built around one extrait de parfum. Each note appears as a chapter…
• generative art pieceracer racer A hand-built café-racer concept from a Rotterdam garage that opens after dark. The featured machine is number seven: part motorcycle, part…
• web game x o Современная реализация классической игры «Крестики-нолики», написанная на чистом JavaScript и стилизованная с помощью Tailwind CSS с…
• typester A keyboard-first typing speed game. A word appears, you type it, you race the clock. Chase a streak multiplier, catch power words for bonus…
• get flowsmith An interactive, visual workflow builder inspired by n8n and Apple Shortcuts. Built with React Flow and client-side state simulation. Visual…Vibe-coded
• plinko deluxe A free-to-play Plinko web game inspired by The Price Is Right. Built with Claude Code — a great example of what you can create when AI and…Vibe-coded
• arknights guess An unofficial Arknights guessing game in the spirit of Counter-Strikle: pick a name, compare attributes cell by cell, and find the answer…
• halden strata A scroll-driven 3D website for a concept electric GT race car. The camera flies around the car as you scroll, the world reacts to your…
• RODket Polska platforma łącząca działkowiczów ROD (Rodzinnych Ogrodów Działkowych) z opiekunami i miłośnikami zieleni — sprzedaż i wynajem…Vibe-coded
• tet 2027 countdown web tạo web countdown đếm ngược thời gian đến tết nguyên đán 2027 This project was built with Lovable.Vibe-coded
• projeto pringles Projeto institucional desenvolvido com prototipagem ágil via Lovable e IA — entrega rápida com design profissional e experiência interativa…Vibe-coded
• My 30 Apps All of my apps made during the 30 days challenge of Lovable made using lovable.dev.Vibe-coded
• Division2UI ko Automatically synced with your v0.app deployments This repository will stay in sync with your deployed chats on v0.app. Any changes you…
• pulse Estudio audiovisual interactivo en el navegador Interactive audiovisual studio in the browser Secuenciador de 16 pasos · Sintetizador Web…
• fireside ai A quiet place. A warm voice. Fireside AI is a minimalist space to talk with a gentle AI companion one-on-one, or sit alongside others in…Vibe-coded
• Boarding lk web Sri Lanka's verified student & youth housing hub: find boarding rooms, annexes and houses near universities, with direct landlord contact…Vibe-coded
• Routeasy Aplicativo web em desenvolvimento para facilitar o planejamento de viagens e a organização de lugares em roteiros diários. A proposta é…Vibe-coded
• facelink social FaceLink Social is a modern social networking web application designed to help users connect with friends, share content, and interact…Vibe-coded
• PE Task 4 This project is a frontend-only mini-game dashboard built as part of a prompt engineering task. It demonstrates how AI-assisted development…
• xian 一款文字版修仙放置游戏 —— 水墨国风,四界二十一境, 后台预解算的回合制战斗,断网也能接着修。 从凡人引气入体开始,一路修到混沌道祖 —— 四界二十一境,每境九层至圆满,突破要渡劫。 历练是派遣式的:派出去、等一段时间、回来看遭遇与掉落;战斗在后台一次算完再回放…
• wordstorm A daily word puzzle game with a shared, live team leaderboard. Everyone gets the same 4×4 letter board each day, has 90 seconds to find as…Vibe-coded
• lovable 3D portfolio Bài luyện vibe coding: dựng portfolio cá nhân cho persona "Jack — 3D creator" trên Lovable, khởi điểm từ component/prompt tham khảo 3D Jack…Vibe-coded
• lead enrichment pipeline A B2B dashboard that acts as the UI layer for an n8n automation pipeline. This app simulates Workflow 1 (HubSpot Lead Enrichment Pipeline)…Vibe-coded
• timeit chat flow 🔗 Live teaser site: timeit-chat-flow.lovable.app 🚧 Status: Early development — this repo currently holds the landing/waitlist page, not…Vibe-coded
• kroma roasters lizz Artisanal Coffee Engineered For Purists. A modern sensory web platform blending editorial design, real-time 3D WebGL physics, and fluid…Vibe-coded
• sparksage AI study companion for your own notes. Upload slides, books or scans — then chat with a tutor, generate quizzes and flashcards, and track…Vibe-coded