Community

Sign In Sign Up

Community

Discover the best apps, components and starters from the community.

Search

By messaging v0, you agree to our Terms and AI Policy.

Pricing Enterprise FAQ

Privacy Vercel Community Vercel

v0 by Vercel

1 2

This game is a retro street fighter clone called "Friedrichshain Connection," designed to evoke the style of 90s arcade games for fans of NES, Sega Mega Drive or Commodore 64 games.

Set in Berlin, players can select from a variety of unique fighters, each with distinct abilities and special moves, and engage in one-on-one battles against either a computer-controlled opponent or another player.

To use the app, players start on an introductory screen where they can press the "Enter" key to navigate to the character selection screen. Here, they can choose their fighter using the arrow keys to navigate through a grid of available characters. Once a fighter is selected, players can enter the fight screen, where they control their character using keyboard controls. The game features a health bar for both the player and the opponent, and players can perform various actions such as moving, jumping, punching, kicking, and defending.

The app is built using TypeScript and React, leveraging Next.js for server-side rendering and routing. It utilizes various libraries and technologies, including Tailwind CSS for styling, and custom hooks for managing keyboard controls and sound settings. The game features pixelated graphics and animations, enhancing the retro aesthetic.

Key features of the app include:
- A selection of diverse fighters, each with unique attributes and special moves.
- Intuitive keyboard controls for gameplay, including movement, attacks, and defense.
- Dynamic health bars that visually represent the fighters' health during battles.
- A computer AI that adapts to player actions, providing a challenging experience.
- Sound effects and background music that can be muted or unmuted by the player.
- A victory and defeat screen that displays the outcome of each match, with options to continue to the next round or return to the main menu.

Overall, "Friedrichshain Connection" offers an engaging and nostalgic fighting game experience, combining classic gameplay mechanics with modern web technologies.

Friedrichshain Connection - Retro fighting game

237

Tetris, but rebuilt entirely with v0! Play the classic game with the iconic music in the background

Play the classic game of 2048 recreated in v0. Use the arrow keys to slide tiles in any direction and combine matching tiles until you reach 2048—or go beyond for an even higher score!

Prompting Is All You Need

Prompting Is All You Need

This application is a first-person shooter game called WebGO, designed to provide an immersive experience in a procedurally generated terrain. The game allows players to explore, gather resources, and engage in combat using various weapons and tools.

To use the app, players can navigate through the terrain using the WASD keys for movement, SPACE to jump, and the left mouse button to shoot. Players can also interact with trees and stones using tools like a hatchet and pickaxe to gather resources. The game features a HUD that displays essential information such as health, food, water, and ammo counts.

The app is built using modern web technologies, including TypeScript, React, and Three.js for 3D rendering. It utilizes the Next.js framework for server-side rendering and routing, and Tailwind CSS for styling. The application also incorporates various libraries such as @react-three/fiber for rendering 3D graphics and @react-three/drei for additional 3D components.

Key features of the app include:
- Procedurally generated terrain with customizable parameters for width, depth, and height.
- Dynamic tree and stone generation with collision detection, allowing players to interact with the environment.
- A comprehensive inventory system that allows players to collect and manage resources.
- A toolbar for quick access to equipped items and tools.
- Audio management for immersive sound effects, including footsteps, weapon sounds, and ambient noises.
- A settings menu for adjusting graphics, controls, and audio preferences.
- A debug panel for developers to monitor performance and game state.
- Pointer lock functionality for a more immersive gameplay experience.

Overall, WebGO aims to provide an engaging and interactive gaming experience, leveraging the capabilities of modern web technologies to create a rich 3D environment.

Flappy Bird, but rebuilt entirely with v0! The same addictive game we had growing up. Click space to flap, dodge the pipes, and hear those iconic flapping sounds as you try to beat your high score.

SVGAnimation

Interior Design Landing

This app is a web-based implementation of the classic arcade game Pong, designed for two players or a player versus an AI. The game features a simple interface where players control paddles to hit a ball back and forth, aiming to score points by getting the ball past their opponent's paddle.

To use the app, players can start a new game by clicking the "Start" button, pause the game with the "Pause" button, and reset the game to its initial state using the "Reset" button. Players can also toggle AI mode on or off, allowing one player to compete against a computer-controlled opponent. The game can be controlled using keyboard inputs: Player 1 uses the 'W' key to move up and the 'S' key to move down, while Player 2 uses the up and down arrow keys. The game can be paused or resumed by pressing the space bar.

The app is built using TypeScript and React, leveraging the useEffect and useRef hooks for managing game state and rendering. The game state is maintained in a structured format, which includes player positions, ball position, scores, and game status (paused or running). The game loop is implemented using requestAnimationFrame for smooth animations, and sound effects are generated using the Web Audio API to enhance the gaming experience.

Key features of the app include:
- Two-player mode with keyboard controls.
- AI mode for single-player gameplay.
- Real-time score tracking and display.
- Sound effects for ball bounces and scoring events.
- Responsive canvas rendering for the game graphics.
- Simple controls and user interface for easy access to game functions.

Overall, this app provides a straightforward and engaging way to experience the classic Pong game in a modern web environment.

20 game challenge

The app is a web-based platformer game inspired by classic Mario games, allowing users to play through various levels or create their own custom levels using an integrated level editor. The game features a character that can move, jump, and shoot fireballs, with various power-ups available, including mushrooms, fire flowers, and invincibility stars. Players navigate through 12 levels, each with unique enemies and a boss battle at the end of specific levels.

To use the app, users can switch between game mode and editor mode. In game mode, players control the character using the WASD keys or arrow keys for movement, the spacebar for jumping, and the 'X' key to shoot fireballs when powered up. In editor mode, users can select tools to place platforms, enemies, coins, power-ups, and goals on the canvas. They can also erase objects and save or load custom levels from local storage.

The app is built using TypeScript and React, leveraging the HTML5 canvas for rendering graphics and animations. Key features include a responsive user interface, smooth animations, collision detection, and particle effects for various actions like jumping, collecting items, and defeating enemies. The level editor allows for creativity and customization, enabling users to design their own levels and share them with others.

Overall, the app combines gameplay and creativity, providing an engaging experience for both players and level designers.

Simplified Mario game

The app is a 90s-style fighting game called "RETRO BRAWL," designed to provide an engaging and nostalgic gaming experience. Players can select their fighters, engage in battles, and experience various game mechanics reminiscent of classic fighting games.

To use the app, players start on an introductory screen where they can press the "Enter" key to navigate to the character selection screen. Here, they can choose from a roster of unique fighters, each with distinct abilities and special moves. Once a fighter is selected, players enter the fight screen, where they can control their character using keyboard inputs to move, jump, kick, punch, and defend against an AI opponent. The game features a health bar for both the player and the CPU, and the objective is to deplete the opponent's health to win the match.

The app is built using TypeScript and React, leveraging Next.js for server-side rendering and routing. It utilizes various libraries and technologies, including Tailwind CSS for styling, and custom hooks for managing keyboard controls and sound settings. The game features pixelated graphics and animations, enhancing the retro aesthetic.

Key features of the app include:
- A character selection screen with a grid layout for easy navigation.
- A variety of fighters, each with unique sprites, animations, and special moves.
- Real-time combat mechanics, including health management, collision detection, and AI behavior for the CPU opponent.
- Keyboard controls for player actions, including movement, attacks, and defense.
- Sound effects and background music, with an option to mute/unmute.
- A victory or defeat screen that allows players to continue to the next round or return to the main menu.

Overall, "RETRO BRAWL" aims to deliver a fun and interactive fighting game experience, appealing to both nostalgic players and new audiences.

Friedrichshain Connection - Ret

We're Snow Back

We're Snow Back

This app is a web-based implementation of the classic Minesweeper game, designed to provide an engaging and interactive experience for users. The application allows players to select different difficulty levels, including Beginner, Intermediate, and Expert, each with varying grid sizes and mine counts.

To use the app, players can navigate to the game interface where they can choose their desired difficulty from a dropdown menu. The game grid is displayed, and players can interact with the cells by left-clicking to reveal them, right-clicking to flag or unflag cells, and middle-clicking on numbers to reveal adjacent cells. The game tracks the player's progress with a timer and a mine counter, and it provides feedback on the game status, indicating whether the player has won or lost.

The app is built using modern web technologies, including React for the user interface and TypeScript for type safety. It leverages the Vercel platform for deployment, ensuring that any changes made to the app are automatically synced with the deployed version. The game logic is implemented in a way that initializes the grid, places mines, and calculates neighboring mine counts, allowing for a dynamic gameplay experience.

Key features of the app include:
- Multiple difficulty levels with adjustable grid sizes and mine counts.
- A responsive game grid that updates in real-time based on player interactions.
- A timer that tracks the duration of the game.
- Visual indicators for remaining mines and game status (won or lost).
- Intuitive controls for revealing cells, flagging mines, and revealing adjacent cells.

Overall, this Minesweeper app combines classic gameplay with modern web development practices, providing a fun and challenging experience for users.

Minesweeper game

First Person Starter

First Person Starter

$Bubble Bloom is a mesmerizing, physics-driven digital art experience where lightweight, iridescent bubbles emerge with a simple tap, fusing into intricate, coral-like structures. As players interact, clusters form, stretch, and drift apart, creating an endless, floating dance of organic motion. • Tap to release glowing, translucent bubbles. • Swipe to shift gravity, watching formations stretch and morph. • Overload clusters to make them collapse into a smooth, liquid-like regeneration. • Watch light refract through the bubbles, shifting between cool blues, deep purples, and warm sunset hues.$

Emoji Memory Match

Emoji Memory Match

This application is a web-based chess game that allows users to play chess against another player in real-time. The app features a fully interactive chessboard where players can select and move pieces according to the rules of chess. The game tracks the current player's turn, displays the game status, and maintains a history of moves made during the game.

To use the app, users simply click on the chess pieces to select them and then click on valid squares to move them. The app highlights valid moves for the selected piece, and players can reset the game at any time using the provided controls. The game also indicates when a player is in check, checkmate, or stalemate.

The application is built using TypeScript and React, leveraging modern web technologies to create a responsive and interactive user interface. Key components include a chessboard, game controls, and game information displays, all of which are designed to provide a seamless user experience.

Key features of the app include:
- An interactive chessboard that visually represents the game state.
- Real-time validation of moves based on chess rules, including checks for check, checkmate, and stalemate conditions.
- A move history that logs all actions taken during the game.
- A reset functionality to start a new game at any time.
- Visual indicators for the current player's turn and game status updates.

Overall, this chess game app provides a comprehensive and engaging platform for chess enthusiasts to enjoy the game online.

Rewards gaming

An interactive digital artwork where users smudge, blend, and reshape colors with touch or mouse movements. As time passes, colors gradually shift, evolving into new palettes—blue fades into orange, orange into a third hue, creating an endless, fluid transformation. A mesmerizing, ever-changing canvas of motion and color. 🎨✨

Evolving Smudge Canvas

Play

This application is a web-based implementation of the classic game Connect Four, allowing users to play against an AI or another player. The app features a grid where players take turns dropping colored discs into columns, aiming to connect four of their discs in a row, either horizontally, vertically, or diagonally.

To use the app, players can choose to play in single-player mode against an AI or in two-player mode against another person. Players can create a new game or join an existing one by entering a game ID. The game board is visually represented, and players can click on columns to drop their discs. The app also provides hints and strategies to assist players in making their moves.

The application is built using TypeScript and React, leveraging various libraries such as Radix UI for dialog components, Lucide for icons, and Framer Motion for animations. It utilizes a custom AI algorithm for the single-player mode, which employs a minimax strategy with alpha-beta pruning to determine optimal moves based on the current game state.

Key features of the app include:
- A responsive game board that visually updates as players make moves.
- AI opponent with adjustable difficulty levels (easy, medium, hard).
- Move hints and strategy tips to enhance gameplay.
- Chat functionality for players in multiplayer mode.
- Accessibility features, including keyboard navigation and screen reader support.
- The ability to reset the game and view game statistics.

Overall, this Connect Four application provides an engaging and interactive experience for both casual and competitive players, with a focus on strategy and accessibility.

Connect four AI game

Drag to guess

Guess iPhone aspect ratio

The Number Snake app is an interactive educational game designed to help users learn mathematical sequences, specifically Fibonacci numbers and prime numbers, while engaging in a classic snake gameplay experience. The app allows players to control a snake that moves around a grid, collecting numbers that correspond to the next value in a chosen mathematical sequence.

To use the app, players start by selecting a sequence type (Fibonacci or prime numbers) and choosing between normal and expert modes. In normal mode, players receive hints about the next number to collect, while in expert mode, they must deduce the correct number without assistance. Players control the snake using the arrow keys on their keyboard, aiming to collect blue numbers that are part of the sequence while avoiding pink numbers, which are incorrect. The game ends when the snake collides with itself or the boundaries of the grid.

The app is built using TypeScript and React, leveraging hooks for state management and side effects. It features a grid-based layout for the game board, with dynamic rendering of the snake and food items based on the game state. Key features include:

- Two sequence types: Fibonacci and prime numbers.
- Normal and expert modes for varying difficulty levels.
- Real-time score tracking and display of collected numbers.
- A game loop that updates the snake's position and checks for collisions.
- Keyboard controls for intuitive gameplay.
- A visually appealing interface with animations and responsive design.

Overall, Number Snake combines fun gameplay with educational content, making it a useful tool for learning mathematical patterns in an engaging way.

Number Snake Game

Play/Modify the classic snake game.

Team Valioux – Offizielle Esports-Website 🚀🎮
Willkommen bei Team Valioux, einer aufstrebenden Esports-Organisation, die für Mut, Leidenschaft und Exzellenz steht. Unser Name setzt sich aus „VALI“ (für das Mutige) und „OUX“ (für das Luxuriöse) zusammen – denn wir glauben daran, dass Erfolg sowohl Entschlossenheit als auch Qualität erfordert.

🔥 Über uns
Team Valioux ist mehr als nur ein Esports-Team – wir sind eine Community, eine Bewegung und eine Marke. Gegründet von Jason (22) und Ege (25), vereinen wir Spieler, Content Creator und Designer unter einem gemeinsamen Ziel: die Spitze der Esports-Szene zu erreichen.

Unsere Spieler treten in den höchsten Wettkampfniveaus an, unsere Creator liefern erstklassigen Gaming-Content und unser Design-Team sorgt für ein unverwechselbares Branding.

🎯 Unsere Mission
✔ Förderung aufstrebender Talente & Pro-Spieler
✔ Aufbau einer starken, engagierten Community
✔ Entwicklung hochwertiger Esports- & Content-Projekte
✔ Partnerschaften mit Marken & Sponsoren

🏆 Unsere Teams
🔹 Pro Team – Die Besten der Besten kämpfen auf höchstem Niveau
🔹 Academy Team – Nachwuchstalente mit großem Potenzial
🔹 Talents Team – Aufstrebende Spieler auf dem Weg zur Spitze
🔹 Content Creator – Streamer & Influencer, die unsere Marke repräsentieren

📢 Werde Teil von Team Valioux!
Du willst uns als Spieler, Creator oder Designer verstärken? Oder mit uns als Partner zusammenarbeiten? Dann kontaktiere uns jetzt und werde Teil unserer Erfolgsgeschichte!

💙 #WeAreValioux | #ValiouxEsports

Valioux Esports

This app is a web-based implementation of the classic Snake game, designed to provide an engaging and visually appealing gaming experience. Users control a snake that moves around a grid, consuming food to grow longer while avoiding collisions with walls and itself. The game features a vibrant interface with animated backgrounds and particle effects to enhance the visual experience.

To use the app, players can start a new game by clicking the "START GAME" button. During gameplay, they can control the snake's direction using the arrow keys on their keyboard. The game can be paused and resumed with a dedicated button, and players can reset the game at any time. If the snake collides with a wall or itself, the game ends, and players are presented with their final score and the option to play again.

The app is built using TypeScript and React, leveraging hooks for state management and side effects. It utilizes HTML5 canvas for rendering the game graphics, including the snake, food, and background animations. Key features include real-time score tracking, high score persistence, and dynamic particle effects that occur when the snake eats food or collides.

Overall, this app combines classic gameplay with modern web technologies to create an enjoyable and interactive experience for users.

Snake game requirements

This application is a web-based implementation of the popular puzzle game 2048. The objective of the game is to combine numbered tiles on a grid to create a tile with the number 2048. The game is played on a 4x4 grid where players can slide tiles in four directions: left, right, up, or down. When two tiles with the same number collide, they merge into one tile with their combined value.

To use the app, players can interact with the game using either keyboard arrow keys or on-screen buttons for mobile devices. The game initializes with two tiles placed randomly on the board, and players can continue to make moves until no more valid moves are available or they reach the winning tile of 2048. Players can reset the game at any time using a dedicated button.

The app is built using TypeScript and React, leveraging React's state management to handle the game board, tiles, score, and game status. The game logic includes functions for initializing the game, moving tiles, merging tiles, and checking for game over conditions. The user interface is styled using CSS, providing a visually appealing layout with animations for tile movements and merges.

Key features of the app include:
- A responsive design that works on both desktop and mobile devices.
- Real-time score tracking and display.
- Visual feedback for newly created and merged tiles.
- Game over and win notifications.
- The ability to reset the game and start anew.

Overall, this app provides an engaging and interactive experience for users looking to enjoy the classic 2048 game in a modern web format.

It's a normal and simple Tetris game.

The app is a web-based Snake Game designed to provide an engaging and interactive gaming experience. Users can control a snake that grows in length as it consumes food while avoiding collisions with the walls and itself. The game features a simple and intuitive interface, allowing players to focus on gameplay.

To use the app, players can navigate to the main page where the game is displayed. They can control the snake using either the arrow keys on their keyboard or on-screen buttons provided for mobile devices. The game keeps track of the current score and the high score, which is saved in the browser's local storage. Players can pause the game at any time and resume it later.

The app is built using modern web technologies, including TypeScript and React, with a focus on component-based architecture. It utilizes the Next.js framework for server-side rendering and routing, ensuring fast load times and a smooth user experience. The game graphics are rendered on an HTML canvas, providing a visually appealing and responsive interface.

Key features of the app include:
- Real-time score tracking and high score storage.
- Keyboard and touch controls for flexible gameplay.
- A pause feature that allows players to take breaks without losing progress.
- A dialog that explains the game controls and objectives.
- Dynamic game speed that increases as the snake grows longer, adding to the challenge.

Overall, the app combines classic gameplay with modern web development practices, making it a fun and accessible experience for users of all ages.

This app is a web-based game called "Knock Knock," which combines elements of a fast-paced tapping game with a scoreboard feature to track player scores. The primary objective of the game is to tap on doors that appear on the screen, with specific requirements for each round that dictate which doors must be tapped. Players must complete a set number of required taps while avoiding incorrect doors to progress through rounds.

To use the app, players start by clicking the "START GAME" button, which initializes the game and begins the first round. As players progress, they must tap on the correct doors that appear on the screen, with the game increasing in difficulty as they advance through rounds. Players have three retries per round, allowing them to attempt to complete the round again if they miss required doors. At the end of the game, players can submit their scores by entering their initials, which are then saved to a leaderboard.

The app is built using TypeScript and React, leveraging modern web technologies such as Next.js for server-side rendering and API routes. The game state is managed using React hooks, and the scoreboard data is fetched and submitted via API calls to a server that stores the scores in a JSON format. The user interface is styled with CSS, providing a pixelated aesthetic that enhances the gaming experience.

Key features of the app include:
- A dynamic game environment where doors scroll across the screen, requiring players to tap on specific doors based on the round's rules.
- A scoreboard that displays both overall and daily high scores, allowing players to see their performance compared to others.
- A score entry modal that prompts players to enter their initials after completing the game, with validation to ensure proper input.
- Responsive design that adapts to different screen sizes, ensuring a consistent experience across devices.
- Real-time updates to the game state, providing immediate feedback to players as they interact with the game.

Overall, "Knock Knock" offers an engaging and interactive experience for players, combining fast-paced gameplay with competitive elements through its scoreboard feature.

Next.js pixel game

The Black Hole Simulator is an interactive application designed to visualize and explore the physics of black holes. Users can manipulate various parameters to observe the effects of gravitational lensing, accretion disks, and other relativistic phenomena in real-time.

To use the app, users can adjust sliders to control the mass of the black hole, the intensity of the accretion disk, the degree of gravitational lensing, and the density of the starfield. The simulation allows users to move the black hole around the canvas by dragging the mouse when the simulation is paused. Additionally, users can start or pause the simulation, reset the parameters to their default values, and toggle the visibility of information and control panels.

The app is built using TypeScript and React, leveraging the Framer Motion library for animations and transitions. It utilizes a canvas element for rendering the simulation, which is dynamically resized based on the window dimensions. The application also includes a custom hook to manage window size changes.

Key features of the Black Hole Simulator include:
- Interactive control panel for adjusting simulation parameters.
- Real-time rendering of black hole effects, including gravitational lensing and accretion disks.
- Responsive design that adapts to different screen sizes.
- Information panel that provides educational content about black holes and their properties.
- Animation and visual effects that enhance the user experience.

Overall, the Black Hole Simulator serves as an educational tool for users interested in astrophysics, providing a hands-on way to learn about the complex behaviors of black holes in a visually engaging manner.

The Endless Runner app is an interactive game designed for users to engage in a fast-paced, side-scrolling running experience. Players control a character that continuously runs forward, navigating through obstacles and collecting power-ups to achieve the highest score possible.

To use the app, players can start by pressing the spacebar or tapping the screen to initiate the game. During gameplay, players can charge their jump by holding the spacebar, allowing for variable jump heights. The objective is to avoid obstacles while collecting power-ups that provide temporary advantages, such as shields or speed boosts. The game features a menu screen for starting the game and a game over screen that displays the player's score and allows for a restart.

The app is built using TypeScript and React, leveraging hooks for state management and lifecycle methods. It utilizes a game loop to handle physics, collision detection, and rendering of game elements. The user interface is styled with a combination of custom components and CSS, providing a visually appealing experience.

Key features of the Endless Runner app include:
- A dynamic game environment with obstacles and power-ups that spawn randomly.
- A scoring system that tracks the player's score and high score, with the ability to save the high score in local storage.
- Customizable player skins, allowing users to choose from various character designs.
- Real-time feedback on the player's score and high score displayed on the screen.
- Responsive controls for both keyboard and touch inputs, enhancing accessibility for different devices.

Overall, the Endless Runner app offers an engaging and entertaining experience for players, combining simple mechanics with the challenge of achieving high scores.

Endless runner game

This app is a turn-based card game inspired by the mechanics of popular roguelike games. It allows players to navigate through a branching map, engage in battles with various enemies, and utilize a deck of cards to perform actions such as attacking, defending, and using utility effects. The game features a combination system that rewards players for playing specific sets of cards together, enhancing their strategic options.

To use the app, players start by navigating through the map, which consists of different nodes representing battles, shops, treasure, and events. Players can click on available nodes to engage in battles or visit shops to purchase new cards. During battles, players draw cards from their deck and play them using energy points. The game progresses through different phases, including map exploration, battles, and shop interactions.

The app is built using TypeScript and React, leveraging state management to handle the game state, including player health, energy, deck composition, and active enemies. It utilizes various UI components for displaying cards, progress bars, and alerts, enhancing the user experience.

Key features of the app include:
- A dynamic map with various node types (battles, shops, treasure, events).
- A card system with different types of cards (attack, defense, utility) and unique effects.
- A combination mechanic that allows players to unlock powerful effects by playing specific card combinations.
- Status effects that can impact both the player and enemies, adding depth to combat strategies.
- A shop system where players can buy and remove cards from their deck.
- Event choices that can influence the game state and provide rewards or challenges.

Overall, this app combines strategic card play with roguelike elements, offering a unique gaming experience that encourages experimentation and tactical decision-making.

Pokemon Game

An Escape Room. You need to solve the puzzle to escape

クリック練習

This app is a Bingo game designed for users to play online. It allows players to generate a Bingo card, call numbers, and mark their cards as numbers are called. The app features a user-friendly interface that displays the Bingo card, the current number being called, and a list of previously called numbers.

To use the app, players start by launching the game, which automatically generates a new Bingo card. Players can then click the "Call Number" button to randomly select a number from the Bingo pool. As numbers are called, players can mark their cards by clicking on the corresponding cells. The game includes a center free space that is automatically marked. If a player successfully marks a complete row, column, or diagonal, a modal will appear congratulating them on their win and offering the option to start a new game.

The app is built using TypeScript and React, leveraging modern web technologies for a responsive and interactive experience. It utilizes components for modular design, including a Bingo card component, a number caller component, and a winner modal. The game logic is encapsulated within the BingoGame component, which manages the state of the game, including the Bingo card, marked cells, called numbers, and win conditions.

Key features of the app include:
- Dynamic Bingo card generation with a free space in the center.
- A number caller that randomly selects and displays called numbers.
- The ability for players to mark their cards and track called numbers.
- A modal that appears when a player wins, providing a celebratory message and the option to start a new game.
- Responsive design that adapts to different screen sizes for an optimal user experience.

Overall, this Bingo game app provides an engaging way for users to enjoy a classic game in a digital format.

The app is a web-based battle simulation game inspired by the mechanics of classic RPGs, particularly reminiscent of the combat system in Undertale. It allows users to engage in turn-based battles against various whimsical enemies, utilizing a combination of attack, defense, and mercy mechanics.

To use the app, players navigate through a series of menus and engage in battles using keyboard controls. The game features a heart-shaped player icon that moves in response to user input, dodging incoming projectiles from enemies. Players can choose from several actions during their turn, including "FIGHT," "ACT," "ITEM," and "MERCY," each with unique outcomes based on the current state of the battle and the enemy's health.

The app is built using TypeScript and React, leveraging modern web technologies to create a responsive and interactive user experience. It utilizes hooks for state management and audio control, ensuring smooth gameplay and sound effects. The audio system is designed to generate 8-bit sound effects and background music dynamically, enhancing the nostalgic feel of the game.

Key features of the app include:
- A turn-based battle system with multiple enemy types, each having unique attack patterns and dialogue.
- A responsive user interface that adapts to different screen sizes.
- An audio system that plays sound effects and background music, with options to mute or adjust volume.
- Enhanced input handling for smooth movement and action selection.
- Visual indicators for incoming attacks, projectiles, and player health.
- A mercy system that allows players to spare enemies, influenced by their actions during the battle.
- Particle effects and animations that enhance the visual feedback during gameplay.

Overall, the app combines engaging gameplay mechanics with a charming aesthetic, providing an enjoyable experience for players who appreciate retro-style RPGs.

Test Bingo Game

This application is a digital version of the classic board game Ludo, designed for both single-player and multiplayer experiences. Players can engage in a game of strategy and chance, where they roll dice to move their pieces around the board, aiming to be the first to get all their pieces to the center.

To use the app, players can select their pieces by clicking on them after rolling the dice. The game supports both human and AI players, with the AI's difficulty adjustable through the settings. Players can roll the dice by clicking a button, and the app will handle the game logic, including piece movement, capturing opponent pieces, and determining the winner.

The app is built using TypeScript and React, leveraging modern web technologies for a responsive and interactive user interface. Key features include animated dice rolls, piece movements, and a visually appealing game board that adapts to different screen sizes. The game also includes AI opponents with varying difficulty levels, allowing for a challenging experience against computer players.

Additional features include:
- A settings menu to adjust game speed and toggle animations.
- A player status display showing the current player's turn and the number of finished pieces.
- Game rules and instructions to guide new players.
- A win screen that celebrates the winner and offers the option to start a new game.

Overall, this Ludo app combines traditional gameplay with modern web development practices, providing an engaging experience for players of all ages.

Ludo game remake

Can you unlock 8 Images that reveal 24 hidden seed words to a 0.01 BITCOIN wallet? Enjoy this modified matching game about Cryptocurrency.

Kids Memory Game

This app is a math challenge game designed to help kids improve their math skills through interactive gameplay. The app features various levels of difficulty, including Beginner, Intermediate, Advanced, and Expert, each with a unique set of questions that progressively increase in complexity. Users can enter their names, select a level, and attempt to solve mathematical problems, receiving feedback on their accuracy and performance.

To use the app, users start by entering their name, which is saved for future sessions. They then select a difficulty level, after which they are presented with a series of questions. Users can submit their answers and receive immediate feedback, including their accuracy score and explanations for the correct answers. The app also tracks high scores, allowing users to compete against themselves or others.

The app is built using modern web technologies, including React for the user interface, TypeScript for type safety, and Tailwind CSS for styling. It utilizes various libraries such as Radix UI for accessible components, Framer Motion for animations, and Recharts for data visualization. The app also incorporates a confetti animation to celebrate level completion and a feedback widget for users to submit their thoughts or report issues.

Key features of the app include:
- Multiple difficulty levels with a diverse question pool.
- Real-time feedback on answers, including accuracy scores and explanations.
- High score tracking and display for competitive play.
- Responsive design for both mobile and web devices.
- A feedback system for users to provide input on their experience.
- Visual elements such as progress bars and animations to enhance user engagement.

Overall, this app serves as an educational tool that combines learning with fun, making math practice enjoyable and interactive.

Kids math game concept

Block Line

This app is a web-based implementation of the classic Battleship game, allowing users to engage in strategic naval combat against a computer opponent. The primary objective is to position a fleet of ships on a grid and then take turns attacking the opponent's grid to sink their ships before they sink yours.

To use the app, players start by placing their ships on their own grid. The game features a user-friendly interface where players can select ships, choose their orientation (horizontal or vertical), and place them on the board. Once all ships are placed, players can initiate the battle phase, where they take turns attacking the opponent's grid by selecting coordinates. The game provides feedback on hits and misses, and animations enhance the visual experience of the game.

The app is built using modern web technologies, including TypeScript and React, which provide a robust framework for building interactive user interfaces. The game logic is encapsulated in utility functions that manage the game state, including ship placement validation and turn management. The user interface is styled using Tailwind CSS, allowing for responsive design and theming capabilities.

Key features of the app include:
- A grid-based interface for ship placement and attacks.
- Random ship placement for the computer opponent.
- Visual feedback for hits, misses, and sunk ships through animations.
- A toggle for switching between light and dark themes.
- Responsive design that adapts to different screen sizes.
- Clear game status messages to guide players through their turns and game phases.

Overall, this Battleship app combines classic gameplay with modern web development practices, providing an engaging experience for users.

Next.js Battleship Game

¿Can you hel me fit the game into the screen so that it doesn't just look like small dot?

This application is a web-based game that simulates a retro-style cat jumping game inspired by classic Game Boy aesthetics. The primary functionality of the app is to allow users to control a pixelated cat character that jumps over obstacles while accumulating points.

To use the app, users can interact with the game using keyboard controls: the "A" button (or "X/Z" keys) is used to make the cat jump, the "Enter" key starts the game, and the "Shift" key serves as a select button. The game features a title screen, a gameplay screen, and a game over screen, providing a nostalgic experience reminiscent of early handheld gaming.

The app is built using modern web technologies, including React for the user interface, Next.js for server-side rendering and API routes, and Three.js for rendering 3D graphics. The game utilizes an OffscreenCanvas to generate pixel art images and employs audio elements for sound effects, enhancing the overall user experience.

Key features of the app include:
- A pixel art cat character that users can control to jump over obstacles.
- A scoring system that tracks the player's score and high score.
- A title screen with instructions and a game over screen displaying scores.
- Responsive controls that allow for keyboard interaction.
- A visually appealing Game Boy-inspired design with a green color palette and retro sound effects.

Overall, this app combines nostalgic gaming elements with modern web development practices, providing an engaging and interactive experience for users.

Low poly Game Boy

Tablas Multiplicacion

Tablas Multiplicacion

The Word Ladder War app is an interactive word game designed to challenge users' vocabulary skills by allowing them to form words from a given main word. The app features a user-friendly interface where players can enter their nicknames, play the game, and view their scores on a global leaderboard.

To use the app, users start by entering a nickname on the nickname page. Once a nickname is set, they can begin the game, where they have a limited time to create as many valid words as possible from the main word displayed. Players can select letters to form words, and the app provides immediate feedback on the validity of the submitted words. After the game ends, users can view their scores, word counts, and levels achieved, and they have the option to share their results.

The app is built using modern web technologies, including TypeScript, React, and Next.js for the frontend, and Supabase for backend services such as user authentication and database management. The user interface is styled with Tailwind CSS, providing a responsive and visually appealing design. The app also utilizes Framer Motion for animations, enhancing the user experience.

Key features of the Word Ladder War app include:
- User authentication with nickname entry.
- Real-time leaderboard updates to track player scores.
- A dynamic game environment where users can form words from a main word within a time limit.
- Immediate feedback on word validity and scoring based on word length.
- The ability to share game results via clipboard or social media.
- Responsive design optimized for both desktop and mobile devices.

Overall, Word Ladder War combines educational elements with engaging gameplay, making it a fun way for users to improve their vocabulary while competing with others.

Word ladder game