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

Ball Trail

Nature Sudoku is a web-based Sudoku game that replaces traditional numbers with nature-themed icons, providing a unique and visually engaging experience. The app allows users to play Sudoku puzzles of varying difficulty levels, including easy, normal, hard, and demon, each with different configurations for hints and mistakes allowed.

To use the app, players can select their desired difficulty level and choose between displaying icons or numbers in the grid. The game features a grid where players can click on empty cells to place icons corresponding to the Sudoku rules, ensuring that each row, column, and 3x3 box contains each icon exactly once. Players can also utilize keyboard shortcuts for quick icon placement and can request hints if they get stuck, with the number of hints limited by the selected difficulty.

The app is built using modern web technologies, including TypeScript and React, and leverages the Next.js framework for server-side rendering and routing. It incorporates a responsive design that adapts to mobile devices, ensuring a seamless experience across different screen sizes. The game state is managed using React hooks, allowing for real-time updates and interactions.

Key features of Nature Sudoku include:
- A visually appealing interface with nature-themed icons.
- Multiple difficulty levels to cater to different skill levels.
- Options to display either icons or numbers in the grid.
- Hints to assist players when they encounter challenges.
- A timer to track how long it takes to complete a puzzle.
- A scoring system that rewards players for completing puzzles and penalizes mistakes.
- Responsive design for mobile and desktop play.

Overall, Nature Sudoku combines the classic gameplay of Sudoku with a fresh, nature-inspired aesthetic, making it an enjoyable puzzle experience for users of all ages.

Sudoku with icons

This app is a web-based implementation of the classic 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 itself and the game boundaries.

To use the app, users simply navigate to the main page where the game is displayed. The game starts with a "Start Game" button, which initializes the snake and food positions. Players can control the snake's movement using the arrow keys on their keyboard. The space bar is used to pause and resume the game. If the snake collides with itself or the boundaries, a "Game Over" screen appears, displaying the final score and offering the option to restart the game.

The app is built using TypeScript and React, leveraging modern web technologies to create a responsive and interactive user interface. The game logic is implemented using React hooks, including useState for managing game state and useEffect for handling game loops and rendering. The game is rendered on an HTML canvas, allowing for smooth graphics and animations.

Key features of the app include:
- A responsive design that centers the game on the screen.
- Real-time score tracking that updates as the player consumes food.
- Dynamic speed adjustments that increase as the player scores points.
- Game state management, including starting, pausing, and restarting the game.
- Visual feedback for game events, such as game over and score updates.
- Keyboard controls for intuitive gameplay.

Overall, this app serves as a fun and interactive way to experience the classic Snake game, showcasing the capabilities of modern web development technologies.

This application is a web-based word-guessing game inspired by Wordle, where players attempt to guess a five-letter target word within six attempts. The game provides visual feedback on the player's guesses, indicating whether letters are correct, present in the word but in the wrong position, or absent altogether.

To use the app, players simply type their guesses using a virtual keyboard or their physical keyboard. Each guess is evaluated, and the game provides immediate feedback through color-coded tiles: green for correct letters in the correct position, yellow for correct letters in the wrong position, and gray for letters that are not in the word. Players can also toggle sound effects on or off, enhancing the interactive experience.

The app is built using TypeScript and React, leveraging various libraries and technologies such as Framer Motion for animations, Tailwind CSS for styling, and canvas-confetti for celebratory effects when a player wins. The game state is managed through custom hooks, which handle the logic for tracking guesses, evaluating the game status, and managing user input.

Key features of the app include:
- A grid layout for displaying guesses and their statuses.
- A virtual keyboard for input, with visual feedback for key presses.
- Sound effects for various game actions, such as key presses and game outcomes.
- Confetti animations to celebrate winning the game.
- Alerts to inform players of game status, including success and failure messages.
- A share functionality that allows players to copy their results to the clipboard or share them via the Web Share API.

Overall, this app provides an engaging and interactive way for users to enjoy a word-guessing game while incorporating modern web technologies for a smooth user experience.

The EarthBound Dungeon Crawler is a web-based role-playing game that allows players to explore a dungeon, engage in turn-based battles, and manage a party of characters. The game features a grid-based dungeon layout where players can navigate using keyboard controls or on-screen buttons. Players can encounter monsters, collect items, and level up their characters as they progress through the dungeon.

To use the app, players start by moving their character through an 8x8 dungeon grid. The player can move in four directions (up, down, left, right) using the arrow keys or the WASD keys. As they explore, they may find items, face random monster encounters, and ultimately aim to reach the dungeon's goal. When a monster is encountered, the game transitions to a battle screen where players can choose to attack, cast spells, or use items.

The app is built using TypeScript and React, leveraging hooks for state management and side effects. It utilizes a component-based architecture, with reusable UI components for buttons, cards, and progress bars. The game logic includes character and monster definitions, item management, and a battle system that incorporates turn-based mechanics, including attack calculations and status effects.

Key features of the EarthBound Dungeon Crawler include:
- A dynamic dungeon map that generates obstacles and items randomly.
- A party system with different character classes (Mage, Knight, Cleric), each with unique abilities and spells.
- A turn-based battle system where players can choose actions for their characters, including attacks, spells, and item usage.
- Leveling mechanics that allow characters to gain experience and improve their stats as they defeat monsters.
- An inventory system for managing items collected during exploration.
- Visual feedback for actions taken during battles, including a battle log that records events.

Overall, the EarthBound Dungeon Crawler combines exploration, strategy, and character management in a fun and engaging way, suitable for fans of classic RPGs.

2d earthbound game

This application is an interactive implementation of Conway's Game of Life, a cellular automaton devised by mathematician John Conway. The app allows users to create and simulate patterns on a grid, observing how they evolve over time based on simple rules of life and death.

To use the app, users can interact with a 50x50 grid where each cell can be toggled between alive and dead states. Users can start or pause the simulation, clear the grid, or randomize the cell states. Additionally, predefined patterns can be selected from a dropdown menu and placed on the grid. The app provides real-time statistics, including the current generation, the number of colonies, and the count of live cells.

The app is built using React and TypeScript, leveraging hooks for state management and effects. It utilizes a canvas for rendering the grid and employs performance optimizations such as refs and a request animation frame for smooth updates. The user interface includes components for buttons, sliders, and dropdowns, enhancing the overall user experience.

Key features of the app include:
- A 50x50 grid for simulating Conway's Game of Life.
- The ability to toggle cell states by clicking on them.
- Predefined patterns categorized into still lifes, oscillators, spaceships, and more.
- Real-time statistics displaying the current generation, number of colonies, and live cells.
- Speed control for the simulation through a slider.
- A clear and intuitive user interface with responsive design elements.

Overall, this app serves as both an educational tool and a fun way to explore the dynamics of cellular automata.

Game of Life simulation

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 must jump over obstacles and collect power-ups while aiming to achieve the highest score possible. The game features a simple yet engaging interface, allowing users to easily navigate through the gameplay.

To use the app, players can start by pressing the spacebar or tapping the screen to begin the game. During gameplay, players can hold the spacebar to charge a jump, allowing for greater height and distance. The objective is to avoid obstacles that appear on the screen while collecting power-ups that provide temporary advantages, such as shields or speed boosts. The game tracks the player's score and high score, which is saved locally for future sessions.

The app is built using TypeScript and React, leveraging modern web technologies to create a responsive and interactive user experience. Key features include customizable player skins, a real-time score display, and a leaderboard section that showcases top scores. The game also incorporates physics-based mechanics for jumping and falling, as well as collision detection for obstacles and power-ups.

Overall, the Endless Runner app provides an engaging and entertaining experience for users, combining elements of skill, strategy, and competition in a visually appealing format.

Endless runner game

an interactive canvas for drawing galaxies and nebulae with the ability to download a snapshot of it. Due to the ways in which particle system is set up, each drawing will always be unique - whatever you draw is your own universe.

Draw your galaxy!

Three In A Row

Three Alleys.
Rat husbrandy simulator.
Secrets.
Espianoge.
Romance.
Church.
Join the Alley Sims community and discover what ignited the gaming community as the Award-Winning V0 Game of the Year.

Welcome to the Alleys.

The Genius 3D app is an interactive memory game that challenges players to memorize and repeat increasingly complex sequences of colors and sounds. The game is designed to enhance cognitive skills and provide an engaging experience through its visually appealing 3D interface and audio feedback.

To use the app, players start by clicking the "Iniciar Jogo" (Start Game) button, which initiates the game. The app generates a random sequence of colors, which is then played back to the player. The player must replicate the sequence by clicking on the corresponding color buttons. As the game progresses, the sequences become longer and more challenging. Players can track their current score and high score, which is saved in the browser's local storage.

The app is built using React, a popular JavaScript library for building user interfaces, and utilizes TypeScript for type safety. It employs modern web technologies such as CSS for styling and animations, and the Web Audio API for sound generation, allowing for dynamic audio feedback based on user interactions. The app also incorporates responsive design principles to ensure a seamless experience across different devices.

Key features of the Genius 3D app include:
- A visually engaging 3D interface with color buttons that respond to user interactions.
- Audio feedback for each color button, enhancing the sensory experience.
- A scoring system that tracks the player's current score and high score, with the ability to save the high score locally.
- Dynamic game sequences that increase in difficulty as the player progresses.
- Responsive design that adapts to various screen sizes, ensuring accessibility on both mobile and desktop devices.

Overall, Genius 3D offers a fun and challenging way to test and improve memory skills while providing an immersive gaming experience.

Genius html game

The Moon Buggy app is an interactive web-based game that allows users to control a buggy navigating through a space-themed terrain filled with obstacles. The primary objective is to jump over obstacles while managing speed and braking to avoid crashes.

To use the app, players can start the game by clicking the "START GAME" button. Once the game begins, they can control the buggy using keyboard inputs (Space to jump, Control to brake, and P to pause) or a connected game controller. The game also supports mobile devices, allowing users to tap the screen to jump. Players can view their score, which increases as they progress, and can pause or restart the game as needed.

The app is built using modern web technologies, including TypeScript and React, which facilitate the development of a responsive and interactive user interface. The game engine is implemented in JavaScript, utilizing the HTML5 canvas for rendering graphics and animations. The app also incorporates custom hooks for sound management, mobile detection, and game controller support, enhancing the overall user experience.

Key features of the Moon Buggy app include:
- Real-time gameplay with smooth animations and responsive controls.
- Sound effects for jumping and crashing, along with background music that loops during gameplay.
- Support for both keyboard and game controller inputs, as well as touch controls for mobile devices.
- Dynamic scoring system that tracks player performance.
- Visual feedback for game states, including game over and pause screens.
- A visually appealing space-themed environment with animated backgrounds and obstacles.

Overall, the Moon Buggy app provides an engaging gaming experience that combines fun gameplay mechanics with modern web technologies.

This app is a web-based tank battle game called "坦克大战" (Tank Battle). It allows users to control a tank and engage in combat against enemy tanks while avoiding being hit. The game is designed to be played using keyboard controls, where players can move their tank using the arrow keys and fire bullets with the spacebar.

To use the app, users simply navigate to the main page where they will see a "Start Game" button. Upon clicking this button, the game initializes, and the player can begin controlling their tank. The objective is to shoot down enemy tanks while avoiding their bullets. The game tracks the player's score, which increases with each enemy tank destroyed. If the player's tank is hit, the game ends, and users are presented with their final score along with an option to play again.

The app is built using TypeScript and React, leveraging the capabilities of the React framework to manage the game state and rendering. The game graphics are rendered on an HTML canvas, allowing for smooth animations and interactions. Key features include real-time gameplay, collision detection, and a scoring system. The game also includes a responsive design, ensuring it is playable on various screen sizes.

Overall, this app provides an engaging and interactive experience for users who enjoy arcade-style games, combining simple controls with strategic gameplay elements.

This application is a web-based implementation of the classic Tetris game, designed to provide an engaging and interactive experience for users. The app allows players to control falling tetrominoes, stack them to clear lines, and aim for high scores.

To use the app, players can start a new game by clicking the "Start Game" button on the welcome screen. Once the game begins, they can control the tetrominoes using the arrow keys on their keyboard: left and right arrows to move the pieces horizontally, the down arrow to accelerate their descent, the up arrow to rotate them, and the spacebar for a hard drop. Players can also pause the game by pressing the "P" key.

The application is built using TypeScript and React, leveraging modern web technologies to create a responsive and visually appealing interface. It utilizes Tailwind CSS for styling, ensuring a clean and consistent design throughout the application. The game logic is implemented in a series of React components, including the game board, score panel, and control panel, which work together to manage the game's state and user interactions.

Key features of the app include:
- A dynamic game board that updates in real-time as players manipulate the tetrominoes.
- A score panel that displays the current score, level, and number of lines cleared.
- A preview of the next tetromino to help players plan their moves.
- Responsive controls that allow for intuitive gameplay.
- Visual effects and animations, such as line clearing and ghost piece positioning, to enhance the user experience.
- A pause feature that allows players to take breaks without losing their progress.

Overall, this Tetris application combines classic gameplay with modern web development practices, making it accessible and enjoyable for players of all skill levels.

Free the Bird is a fun and interactive trivia game where players solve questions to free a caged bird. Each correct answer brings the bird closer to freedom. Test your knowledge and break the cage!

Drone Swarm Simulation

Drone Swarm Simulation

The app is a quiz platform designed for rugby and GAA (Gaelic Athletic Association) sports enthusiasts. It offers various quiz games, including "Rugby TenaBall," "Against the Clock," and "GAA TenaBall," allowing users to test their knowledge of sports history, players, and competitions.

To use the app, users can navigate through different sections dedicated to rugby and GAA games. Each game has its own set of rules and mechanics, which are clearly outlined in the app. Users can participate in daily challenges, track their scores, and view their performance statistics over time. The app also features an admin panel for managing questions and player data, ensuring that the content remains fresh and engaging.

The app is built using modern web technologies, including TypeScript, React, and Next.js, with a focus on a responsive design that works well on various devices. It utilizes Supabase for backend services, including data storage and user authentication, and incorporates various UI components for a seamless user experience.

Key features of the app include:
- Daily quiz challenges with a new question each day.
- Multiple game formats, including TenaBall and Against the Clock, each with unique gameplay mechanics.
- A leaderboard and performance tracking system to monitor user progress and achievements.
- An admin interface for adding, editing, and deleting quiz questions.
- Flexible answer matching to accommodate different ways of answering questions.
- A community aspect that encourages users to share their scores and compete with friends.

Overall, the app aims to provide an engaging and educational experience for sports fans, fostering a sense of community and competition among users.

A simple block clearing score earning game inspired by a mobile game called "Block Blast"

The app is a web-based game titled "Loke I Jörn," where players navigate through a village, collecting beers and bags while avoiding various obstacles. The game is designed to be engaging and interactive, providing a fun experience for users of all ages.

To use the app, players start by clicking the "Start Game" button on the main screen. Once the game begins, they control a character that can move left, right, jump, and duck using keyboard controls or on-screen buttons for mobile devices. The objective is to collect as many items as possible while avoiding obstacles that appear randomly on the screen. The game tracks the player's score, beer count, and bag count, displaying this information prominently during gameplay.

The app is built using TypeScript and React, leveraging modern web technologies to create a responsive and dynamic user interface. Key features include:

- A visually appealing game environment with a gradient background and animated character movements.
- Various collectible items (beers and bags) that players can gather to increase their score.
- Different types of obstacles (rocks, fences, trees, and cows) that players must avoid to prevent game over.
- A mobile-friendly design that adapts to different screen sizes, providing touch controls for mobile users.
- Real-time score tracking and game state management, including idle, playing, and game over states.
- Collision detection to manage interactions between the character, collectibles, and obstacles.

Overall, "Loke I Jörn" offers an engaging gaming experience that combines simple mechanics with increasing difficulty, making it suitable for casual gamers looking for a fun challenge.

Duck Blackjack

The Arkanoid Game app is a web-based arcade game that allows users to play a classic brick-breaking game. The objective is to control a paddle to bounce a ball and score points by getting the ball through designated gaps in walls. The game features a leaderboard to track high scores, encouraging competition among players.

To use the app, players can start by clicking the "Play Game" button on the main screen. The game state transitions from "start" to "playing," where players can control the paddle using the left and right arrow keys or by moving the mouse. Players score points by successfully getting the ball through small and big gaps in the walls. The game continues until the player loses all lives, at which point they can enter their name to submit their score to the leaderboard or choose to play again.

The app is built using TypeScript and React, leveraging hooks for state management and effects. It utilizes the HTML5 canvas for rendering the game graphics, including the paddle, ball, walls, and score display. Key features include real-time score tracking, life management, and a responsive design that adjusts the canvas size based on the window dimensions. The leaderboard is stored in local storage, allowing players to view the top scores even after refreshing the page.

Overall, the Arkanoid Game app combines engaging gameplay with a competitive element, making it a fun experience for users looking to challenge themselves and others.

The Autobattler Game is a strategic multiplayer game where players assemble a team of units to battle against opponents. The game features a variety of unit types, including Animals, Food, Nature, Magic, and Tech, each with unique abilities and synergies that can enhance gameplay. Players can buy units from a shop, manage their team on a board and a bench, and engage in battles against AI opponents.

To use the app, players start by selecting units from the shop, which is populated with random units and items at the beginning of each turn. Players can drag and drop units between their board and bench, buy units, and refresh the shop for a small cost. During battles, players' units automatically attack opponents based on their attack power and abilities, with the outcome determined by the health and attack stats of the units involved. After each battle, players can see the results and progress to the next turn, where they can earn gold and experience.

The app is built using React and TypeScript, leveraging hooks for state management and effects. It utilizes a modular architecture with components for the user interface, including buttons, badges, and cards. The game logic is encapsulated in functions that handle unit management, battle simulation, and synergy calculations. The app also incorporates sound effects for various actions, enhancing the user experience.

Key features of the Autobattler Game include:
- A diverse pool of units with unique abilities and synergies.
- A shop system for purchasing units and items.
- Drag-and-drop functionality for managing units on the board and bench.
- Automated battle simulations with detailed battle logs.
- Synergy bonuses that enhance unit stats based on team composition.
- Sound effects for actions like buying units, merging, and battling.
- A game-over screen that displays the player's performance and allows for restarting the game.

Overall, the Autobattler Game combines strategic planning with engaging gameplay mechanics, making it a compelling experience for players who enjoy tactical games.

Color Matching Game

Color Matching Game

Cosmic Greenhouse is an interactive simulation game that allows users to terraform various planets by managing resources and upgrading technologies. The primary objective is to cultivate seeds, gather resources, and unlock new planets while facing unique challenges and events.

To use the app, players click on a button to harvest seeds, which are the main resource. As players accumulate seeds, they can invest in upgrades that enhance their resource generation capabilities. The game features a variety of resources, including water, solar energy, biomass, crystals, gas, and energy, each with its own production rates and upgrade paths. Players can also unlock new planets, each offering different bonuses and challenges, by spending rockets, another resource.

The app is built using TypeScript and React, leveraging hooks for state management and effects for resource generation and event handling. The user interface is designed with components for cards, buttons, progress bars, and notifications, providing a visually engaging experience.

Key features of Cosmic Greenhouse include:
- Resource Management: Players can track and manage multiple resources, each with unique generation rates and upgrade costs.
- Upgrades: A comprehensive upgrade system allows players to enhance their capabilities, such as increasing click power or automating resource generation.
- Planet Exploration: Players can unlock and travel to different planets, each with distinct characteristics and challenges.
- Dynamic Events: Random events can occur, affecting resource production and introducing new gameplay elements.
- Debug Mode: A debug feature allows developers to test and modify game parameters easily.

Overall, Cosmic Greenhouse combines resource management and strategy elements in a fun and engaging way, encouraging players to optimize their operations and explore the cosmos.

This application is an interactive learning platform designed for full-stack developers, allowing users to master various technologies through a gamified experience. The app combines elements of inventory management, exploration, and project development, enabling users to merge technologies, explore learning areas, and complete projects to enhance their skills.

To use the app, users start by engaging with the main interface, which features a merge grid where they can combine different technologies to unlock advanced concepts. Users can drag and drop items from their inventory into the grid, and similar items can be merged to create new technologies. The app also includes an exploration map where users can spend energy to discover new technologies and concepts in various learning environments. Additionally, users can take on development projects that require specific technologies, rewarding them with points and progress towards their learning goals.

The app is built using TypeScript and React, leveraging Tailwind CSS for styling. It utilizes a modular architecture with components for different functionalities, including inventory management, exploration, project handling, and level progression. The app also incorporates animations and responsive design to enhance user experience.

Key features of the app include:
- A merge grid for combining technologies to unlock new skills.
- An inventory system to manage and track learned technologies.
- An exploration map to discover new learning areas and earn rewards.
- A projects panel where users can apply their skills to real-world applications.
- Level progression that tracks user achievements and unlocks new content based on completed merges and projects.
- Energy management that adds a strategic element to exploration activities.

Overall, this app provides a comprehensive and engaging way for developers to learn and master the full development stack through interactive gameplay and strategic decision-making.

This app is an interactive drawing tool that allows users to create colorful, cylindrical tubes on a canvas. As users draw, the app generates branches that extend from the tubes, creating an organic and dynamic visual effect. The color palette evolves over time, cycling through various color schemes to enhance the artistic experience.

To use the app, users can click and drag their mouse or use touch gestures on a touchscreen device to draw on the canvas. The app captures the drawing movements and translates them into colorful tubes that branch out, providing a visually engaging experience. Users can also resize the canvas by adjusting the window size, ensuring that the drawing area fits their screen.

The app is built using React, a popular JavaScript library for building user interfaces, and TypeScript, which adds type safety to the code. It utilizes the HTML5 Canvas API for rendering graphics, allowing for smooth animations and complex visual effects. Key features include real-time drawing, an evolving color palette, and the ability to create intricate branching structures that respond to user input.

Overall, this app serves as a creative platform for users to explore their artistic abilities while enjoying a unique and interactive drawing experience.

This application is a gamified cooking challenge called "Desafio Culinário da Vovó," designed to engage users in a fun and interactive way while they learn about traditional recipes. The app presents users with a series of culinary questions, each accompanied by multiple-choice answers. As users progress through the questions, they earn coins and unlock rewards, enhancing their experience and incentivizing participation.

To use the app, users simply navigate through the questions presented on the screen. They select their answers by clicking on the options provided. Each correct answer rewards them with coins, and upon completing a set of questions, users are shown a reward modal that highlights the rewards they have unlocked. The app also features a loading screen that enhances the anticipation before revealing the final results.

The application is built using modern web technologies, including React for the user interface, TypeScript for type safety, and Tailwind CSS for styling. It utilizes the Framer Motion library for animations, enhancing the visual appeal of transitions and interactions. Sound effects are integrated using the use-sound library, providing auditory feedback for user actions, such as selecting an answer or earning rewards.

Key features of the app include:
- A series of engaging culinary questions with multiple-choice answers.
- A coin system that rewards users for correct answers.
- Reward modals that display the rewards earned after completing questions.
- Progress tracking through a visually appealing progress bar.
- Sound effects that enhance user interaction and feedback.
- A loading screen that adds excitement before revealing the final results.
- Responsive design that ensures a seamless experience across different devices.

Overall, "Desafio Culinário da Vovó" combines education and entertainment, making it an enjoyable platform for users to explore traditional recipes while participating in a gamified experience.

The app is a web-based blackjack game called "Futuristic Blackjack Arena," designed to provide an engaging and visually appealing experience set in a cyberpunk-themed environment. The application allows users to play blackjack against a computer-controlled bot, with the option to adjust the difficulty level of the bot's gameplay.

To use the app, players start by selecting a bet amount from predefined options. Once the game begins, players can take actions such as hitting, standing, or doubling down based on their hand and the dealer's visible card. The game features a timer for each player's turn, adding a sense of urgency to the gameplay. Players can view their current chip count and the results of each round after it concludes.

The app is built using modern web technologies, including TypeScript and React for the frontend, and utilizes Tailwind CSS for styling. The game logic is encapsulated in a GameEngine class, which manages the state of the game, including player actions, card dealing, and determining the outcome of each round. The BotAI class implements the logic for the computer-controlled opponent, allowing it to make decisions based on the current game state and the selected difficulty level.

Key features of the app include:
- A visually striking user interface with a cyberpunk aesthetic.
- Support for single-player gameplay against a bot with adjustable difficulty settings (easy, normal, hard).
- Real-time updates of game state, including player hands, dealer actions, and round results.
- A timer for player turns to enhance the pace of the game.
- Detailed round results displayed at the end of each game, showing winnings and losses for each player.

Overall, the Futuristic Blackjack Arena app combines engaging gameplay with a modern design, making it an enjoyable experience for both casual and seasoned blackjack players.

The app is a card game called "Balatro Lite," designed for players to engage in a strategic card-playing experience against a series of opponents. The game utilizes a deck of cards with three suits (moon, sun, star) and various ranks (A, 2, 3, 4, 5, Q, K), each with assigned base values. Players aim to achieve a target score by forming valid card combinations and utilizing special rewards and jokers that enhance gameplay.

To use the app, players start by creating a new game, which initializes a shuffled deck and deals a hand of cards. Players can select cards to play or discard, with a limit on the number of plays per round. The game progresses through multiple rounds against different opponents, with players earning points based on the combinations they form. Players can also earn rewards and select jokers that provide unique bonuses to enhance their strategies.

The app is built using TypeScript and React, leveraging hooks for state management and effects. It features a dynamic user interface with animations, sound effects, and a psychedelic background that changes color as the game progresses. Key features include a scoring system that evaluates hand types, a drag-and-drop card selection mechanism, and visual displays for the deck and discard pile.

Additional functionalities include a progress bar to track scores, a sidebar for power-ups and applied rewards, and a responsive design that adapts to different screen sizes. The game also includes various phases, such as victory, defeat, and reward selection, providing a comprehensive gaming experience. Overall, Balatro Lite combines strategic card play with engaging visuals and sound, making it an enjoyable challenge for players.

The Fruit and Veggie Match app is an interactive memory game designed to challenge users' cognitive skills through a fun and engaging interface. The app allows players to match pairs of cards featuring various fruits and vegetables while keeping track of their progress and performance.

To use the app, players can select from 100 levels of increasing difficulty, each with a specific number of pairs to match and a time limit. The game also features a daily challenge that offers unique tasks and rewards. Players can start a game by clicking on their desired level or the daily challenge, and they will be presented with a grid of cards that they can flip to find matching pairs. The game tracks the number of attempts, matched pairs, and time remaining, providing feedback on performance.

The app is built using modern web technologies, including Next.js for server-side rendering and React for building user interfaces. It utilizes Tailwind CSS for styling, ensuring a responsive and visually appealing design. The app also incorporates local storage to save user progress, completed levels, and daily challenge completions, allowing for a seamless user experience.

Key features of the Fruit and Veggie Match app include:
- A progressive difficulty system with 100 levels, each offering unique challenges.
- A daily challenge that changes every day, providing players with new tasks and rewards.
- Local storage functionality to save user progress, including completed levels and daily challenge completions.
- Sound effects for various game actions, enhancing the overall gaming experience.
- A visually appealing design using Tailwind CSS, ensuring a responsive layout across devices.

Overall, the Fruit and Veggie Match app combines entertainment with cognitive training, making it suitable for users of all ages looking to improve their memory skills while enjoying a playful environment.

Ball Trail

The app is a League of Legends Build Assistant designed to help players optimize their champion builds for the ARAM game mode. It allows users to input their champion, team composition, and enemy champions, and then provides tailored build recommendations, including item builds, runes, and summoner spells.

To use the app, users can either type their input or utilize voice recognition to specify their champion and team details. The app parses the input to identify the player’s champion, team champions, enemy champions, and the game mode. If any champions are unrecognized, the app will provide suggestions for corrections. Once the input is submitted, the app retrieves the corresponding build data and displays it in an organized format.

The app is built using TypeScript and React, leveraging various libraries for UI components and state management. It utilizes a mock dataset for champion builds, which includes items, runes, and summoner spells for each champion in different game modes. The app also implements a speech recognition feature for hands-free input.

Key features of the app include:
- Input parsing for champion and team details, supporting both text and voice input.
- Display of optimized build recommendations, including early, core, and late-game items.
- Detailed rune setups and summoner spell suggestions tailored to the selected champion.
- Error handling for unrecognized champions with suggestions for corrections.
- A responsive design that adapts to different screen sizes, ensuring usability across devices.

Overall, the app serves as a comprehensive tool for League of Legends players looking to enhance their gameplay experience in ARAM by providing strategic build guidance.

The Asteroids app is a web-based game that allows users to control a spaceship and navigate through an asteroid field while shooting at asteroids and avoiding collisions. The objective is to survive as long as possible while accumulating points by destroying asteroids and an alien ship that appears periodically.

To use the app, players can start the game by clicking the "START GAME" button. The controls are as follows: use the A or D keys (or the left and right arrow keys) to rotate the ship, the W key (or the up arrow key) to thrust forward, and the spacebar to fire projectiles. Players can track their score and remaining lives displayed on the screen. If the player's ship is destroyed, they lose a life, and the game ends when all lives are lost.

The app is built using TypeScript and React, leveraging the HTML5 canvas for rendering graphics. Key technologies involved include React for the user interface, TypeScript for type safety, and the canvas API for drawing game elements such as the ship, asteroids, projectiles, and explosions.

Key features of the Asteroids app include:
- A responsive game canvas that adjusts to the player's actions.
- Smooth animations and real-time updates for game elements.
- Collision detection between projectiles, asteroids, and the player's ship.
- Dynamic spawning of asteroids and an alien ship that adds challenge to the gameplay.
- Visual effects such as explosions and asteroid fragments when objects are destroyed.
- A scoring system that rewards players for destroying asteroids and the alien ship.
- A game-over screen that displays the final score and allows players to restart the game.

Overall, the Asteroids app provides an engaging and interactive gaming experience, combining classic arcade gameplay with modern web technologies.

A simple, minimalistic typing test that pulls from a list of quotes.

Next.js Typing Game

The app is a fun and interactive quiz game called "Wrong Answers Only!" designed to challenge users to select the most ridiculous answers to various questions. The primary goal is to accumulate a "Wrong IQ" score based on the user's selections, which are intentionally incorrect and humorous.

To use the app, users start on the home page where they can select a theme for the quiz, such as General Knowledge, Movies, Technology, Food, or History. After choosing a theme, users can click the "Start Game" button to begin the quiz. The quiz consists of multiple-choice questions, each with four options. Users select their answers, and after each question, they receive an explanation of why their chosen answer is humorously incorrect. At the end of the quiz, users are presented with their "Wrong IQ" score and a title that reflects their performance, along with the option to share their results or play again.

The app is built using modern web technologies, including TypeScript and React, with Next.js as the framework for server-side rendering and routing. It utilizes various UI components for a consistent and visually appealing design, including cards, buttons, and progress indicators. The app also features a theme selector for customizing the quiz experience.

Key features of the app include:
- A selection of themes to tailor the quiz experience.
- A humorous quiz format that encourages users to think creatively and choose absurd answers.
- Explanations for each answer to enhance the entertainment value.
- A scoring system that generates a "Wrong IQ" score and assigns a playful title based on performance.
- Options to share results via social media or download a shareable card.
- An admin panel for managing quiz questions, allowing for the addition and deletion of questions and their corresponding explanations.

Overall, "Wrong Answers Only!" provides a lighthearted and engaging way for users to challenge themselves and their friends while enjoying a good laugh.

Tank game recommendation

Browser tetris game

84 Forks

192 Forks

Rugby Quiz Game Platform

183 Forks

Next.js infinite runner

127 Forks

Game bug report

Autobattler game design

45 Forks

Merge and Explore game

Interactive color artwork

gameficado novo

Futuristic blackjack arena

Fruit and Veggie Match

103 Forks

League of Legends Dashboard

Asteroids game development

248 Forks

Wrong Answers Only

This application is a browser-based game called "TANKS!" inspired by the Wii classic tank battle game. It allows players to control tanks, navigate through various levels, and engage in combat against enemy tanks while avoiding obstacles.

To use the app, players can control their tank using either keyboard arrow keys (or touch controls on mobile devices, still in development). The keyboard controls include the arrow keys for movement and the spacebar to fire.

The game features multiple levels, each with unique layouts and increasing difficulty, requiring players to adapt their strategies as they progress.

The app is built using modern web technologies, including TypeScript and React for the frontend, and utilizes the HTML5 Canvas API for rendering graphics. It also incorporates hooks for managing keyboard and mobile controls, as well as sound effects generated through the Web Audio API. The game state is managed through a custom game engine that handles updates, rendering, and collision detection.

Key features of the app include:
- Multiple tank types with distinct abilities and characteristics.
- A variety of enemy tanks that increase in complexity and challenge as the player progresses through levels.
- Dynamic sound effects that enhance the gaming experience, including tank movements, explosions, and user interface interactions.
- Touch controls for mobile users, ensuring accessibility across devices.
- A pause feature that allows players to take breaks during gameplay.
- A level system with unique layouts, obstacles, and enemy placements, providing a fresh experience with each playthrough.

Overall, "TANKS!" offers an engaging and interactive gaming experience that combines strategy, skill, and quick reflexes.

Real-time physics-based sandpainter with built-in earthquake

Real-time sand painter

OleyArcade is a web application that offers a collection of family-built, AI-powered games designed to challenge users' minds and spark their imaginations. The app features a variety of games, each with unique gameplay mechanics and themes, such as "WordIsles," "Emoji Grid," "CatMazes," and "Break the Ice." Users can explore these games through an engaging interface that highlights each game's title, short description, and a link to play.

To use the app, users can navigate through the homepage, which includes a hero section that introduces OleyArcade and a grid layout displaying the available games. Each game card provides a screenshot, a brief description, and a button to play the game. The app is designed to be visually appealing, with animations and a responsive layout that adapts to different screen sizes.

The application is built using modern web technologies, including React for the user interface, TypeScript for type safety, and Tailwind CSS for styling. The Monaco Editor is integrated for any code editing features, allowing for a rich text editing experience. The app also utilizes Vercel for deployment, ensuring fast load times and scalability.

Key features of OleyArcade include:
- A collection of AI-powered games that are family-friendly and engaging.
- A visually appealing design with animations and responsive layouts.
- Game cards that provide essential information and direct links to play.
- Integration of the Monaco Editor for enhanced code editing capabilities.
- A dark mode theme that can be toggled based on user preferences.

Overall, OleyArcade aims to provide a fun and interactive platform for users to enjoy games while fostering creativity and strategic thinking.

The Car Game is an interactive web application designed to teach users basic programming concepts through a fun and engaging interface. The objective of the game is to navigate a car represented by a triangle on a grid-based board from a starting position to a designated end position by issuing a series of directional commands.

To use the app, players can add commands to a command sequence using buttons labeled "Forward," "Left," and "Right." Once the desired sequence of commands is created, players can execute the commands by clicking the "Go" button. The car will move according to the commands, and the game will provide feedback on whether the player successfully reached the end position or failed to complete the commands. Players can also reset the game to generate a new random board or clear the command sequence at any time.

The app is built using TypeScript and React, leveraging hooks such as useState and useEffect for state management and lifecycle methods. The user interface is styled with a combination of custom CSS and utility classes, ensuring a responsive and visually appealing layout. The game board is rendered dynamically based on the current state, and animations are used to enhance the user experience when the car moves or rotates.

Key features of the Car Game include:
- A grid-based board where players can visualize the car's movements.
- Command buttons to add directional commands to the sequence.
- Real-time feedback on the game status, including success and failure messages.
- The ability to reset the game and generate new random start and end positions.
- A clear and intuitive user interface that encourages exploration and learning.

Overall, the Car Game serves as an educational tool for users to practice logical thinking and problem-solving skills in a playful environment.

Learning game project

This application is a two-player pong game titled "PING VS PONG," designed with a retro aesthetic. The game allows two players to control their paddles and compete against each other, with the objective of scoring points by preventing their ball from going out of bounds. The first player to reach 10 points wins the game.

To use the app, players start by setting up their profiles, including their names and paddle colors. They can also customize the controls for moving their paddles left and right. Once the setup is complete, players can start the game, where they will see their scores and the game canvas displaying the action. The game features a countdown before each round and provides visual feedback through glowing effects and scanlines, enhancing the retro feel.

The app is built using modern web technologies, including React for the user interface, TypeScript for type safety, and Tailwind CSS for styling. The game logic is implemented in JavaScript, utilizing the HTML5 canvas for rendering the game graphics. The application also employs hooks for managing state and effects, ensuring a responsive and interactive experience.

Key features of the app include:
- Customizable player profiles with name and color selection.
- Adjustable ball speed for varying game difficulty.
- Real-time score tracking and display.
- A visually appealing retro design with animations and effects.
- Responsive layout that adapts to different screen sizes.
- A countdown timer before each round starts, adding to the excitement.

Overall, "PING VS PONG" combines nostalgic design with engaging gameplay, making it a fun experience for players looking to relive classic arcade action.

Pixel Soccer is a fast-paced, pixel-art football game inspired by Brazilian street soccer. In this intense 2-minute, player vs. CPU match, whoever scores the most goals wins! ⚽🔥

This app is a Memory Game Builder that allows users to create and play a customizable memory matching game using emoji sets. The application provides a user-friendly interface for selecting emoji categories, adjusting game settings, and managing players.

To use the app, users can start by selecting an emoji set from predefined categories such as Animals, Food & Drinks, Travel & Places, Sports & Activities, Faces & Emotions, Objects & Tools, Nature & Weather, and Symbols & Signs. Users can also specify the number of pairs of emojis to use in the game, with a maximum limit based on the selected set. The app supports multiplayer functionality, allowing users to add up to four players, manage their names, and track their scores and matches.

The app is built using React with TypeScript, leveraging Tailwind CSS for styling. It utilizes various components for UI elements, including buttons, cards, sliders, and tabs, to create an interactive experience. The game logic is implemented in a way that tracks player turns, matches, and scores, providing real-time feedback on the game state.

Key features of the app include:
- Selection of emoji sets from multiple categories.
- Customizable game settings, including the number of pairs.
- Player management with the ability to add, remove, and rename players.
- Real-time score tracking and display of game results.
- A visually appealing interface with animations and responsive design.

Overall, this app combines fun and engagement with a straightforward setup process, making it suitable for users looking to enjoy a classic memory game with a modern twist.

Memory matching game

This app is a web-based game called "Flappy Labubu," inspired by the classic Flappy Bird gameplay. The objective of the game is to navigate a character, represented by a bird named Labubu, through a series of obstacles by tapping or pressing the spacebar to make the bird jump. The game features a simple yet engaging interface where players can see their score displayed prominently on the screen.

To use the app, players can start the game by either tapping on the screen or pressing the spacebar. The game begins with Labubu positioned in the center of the screen, and players must time their taps to avoid colliding with the obstacles that appear. If the bird hits an obstacle or the ground, the game ends, and players can restart by tapping or pressing the spacebar again.

The app is built using React, a popular JavaScript library for building user interfaces, and utilizes TypeScript for type safety. It employs the Next.js framework, which allows for server-side rendering and optimized performance. The game logic is implemented using React hooks, including useState and useEffect, to manage the game state and handle user interactions. The game also features responsive design, adapting to different screen sizes by adjusting the bird's initial position and the dimensions of the obstacles.

Key features of Flappy Labubu include:
- Real-time physics for the bird's movement, including gravity and jump mechanics.
- Dynamic obstacle generation with varying gaps to increase difficulty.
- Collision detection to determine when the bird hits an obstacle or the ground.
- Score tracking that updates as players successfully navigate through obstacles.
- A user-friendly interface that provides immediate feedback on game status, including a game over screen with the final score.

Overall, Flappy Labubu offers a fun and interactive experience for users, combining simple controls with challenging gameplay.

This application is a web-based game called "Emoji Survivors," where players must survive waves of emoji-themed enemies. The game allows users to select a character, each with unique abilities and starting weapons, and engage in combat against various enemy types. Players can evolve their weapons and upgrade their stats as they progress through the game.

To use the app, players start by selecting a character from a menu. Once a character is chosen, they enter the game where they control their character using the WASD keys or arrow keys to navigate the game area. The game features an auto-attack mechanism that targets nearby enemies. Players can collect items that provide health, experience, or temporary power-ups, and they can evolve their weapons by meeting specific requirements as they level up.

The app is built using TypeScript and React, leveraging hooks for state management and effects. It utilizes a component-based architecture, with reusable UI components for buttons, cards, and progress indicators. The game logic is encapsulated within a main game loop that updates the state of the game, including player movement, enemy spawning, and projectile management.

Key features of the app include:
- Character selection with distinct abilities and starting weapons.
- A variety of enemies with different health, speed, and damage attributes.
- Weapon evolution and upgrades based on player performance and experience.
- Item collection that enhances gameplay through health restoration and temporary boosts.
- A scoring system that tracks player performance, including total kills and time survived.
- Sound effects that enhance the gaming experience.

Overall, "Emoji Survivors" combines engaging gameplay mechanics with a visually appealing design, making it an entertaining experience for players.

This app is a web-based game called "Guess the Flag," designed to test users' knowledge of country flags from around the world. The primary objective is to identify the correct country based on a displayed flag and a set of multiple-choice options.

To use the app, players start by selecting a difficulty level from four available modes: Easy, Medium, Hard, and Hardcore. Each mode varies in the number of flags presented and the time allowed per question. Once a mode is selected, players answer questions by choosing from four options, with the goal of answering as quickly as possible to earn bonus points. Players can build streaks for consecutive correct answers, which can lead to additional score bonuses.

The app is built using TypeScript and React, leveraging the Next.js framework for server-side rendering and theming capabilities. It utilizes various UI components for buttons, cards, and progress indicators, enhancing the user experience. The app also incorporates state management to track the game state, user scores, and leaderboard entries.

Key features of the app include:
- A variety of game modes with different difficulty levels.
- A leaderboard to display top scores and encourage competition among players.
- A timer for each question, adding a sense of urgency to the gameplay.
- Streak bonuses for consecutive correct answers, rewarding quick and accurate responses.
- The ability to switch between light and dark themes for user preference.

Overall, "Guess the Flag" provides an engaging way for users to improve their geography knowledge while enjoying a competitive gaming experience.

Guess the flag game

This app is a web-based implementation of the classic game Tic Tac Toe, designed for users to play against an AI opponent. The application allows players to take turns placing their marks (X or O) on a 3x3 grid, with the objective of getting three of their marks in a row, either horizontally, vertically, or diagonally.

To use the app, players simply click on the squares of the grid to place their mark. The game starts with Player X, and the AI takes its turn automatically after the player. The app provides real-time feedback on the game status, indicating whether it is ongoing, if a player has won, or if the game has ended in a draw. Players can also reset the game at any time without affecting their scores or levels.

The app is built using React and TypeScript, leveraging hooks such as useState and useEffect to manage the game state and handle the AI's moves. The AI opponent makes its decisions based on available moves, simulating a delay to mimic thinking time. The user interface is styled using CSS classes, providing a clean and responsive design.

Key features of the app include:
- A functional game board where players can interact by clicking on squares.
- An AI opponent that plays against the user, with a simple algorithm for making moves.
- A scoreboard that tracks the scores of both the player and the AI, as well as the current level of play.
- Game status messages that inform players of whose turn it is, or if the game has been won or drawn.
- A reset button that allows players to start a new game without losing their progress in scores or levels.

Overall, this app provides an engaging way for users to enjoy Tic Tac Toe while also showcasing the capabilities of modern web development technologies.