Back to library
3 lines•290 words
Wordle Clone Game
Applies across 0 technologies and 4 prompt categories. Save it to your workspace or launch it with your favorite assistant.
Technologies
No specific tooling required for this prompt.
Categories
Puzzle Games
Word Games
Wordle
Web Games
Create a Wordle-style word guessing game using HTML5, CSS3, and JavaScript. Implement a 5-letter word guessing game with 6 attempts maximum. Use a curated word list of common 5-letter words for the target words and a comprehensive dictionary for valid guess validation. Create an animated grid of letter tiles that flip to reveal colors: green for correct letter in correct position, yellow for correct letter in wrong position, and gray for letters not in the word. Add smooth tile flip animations using CSS transforms. Implement a virtual keyboard showing which letters have been guessed and their status (correct, present, or absent) with color coding matching the tiles. Include a hard mode option where revealed hints must be used in subsequent guesses. Add daily word mode where everyone gets the same word each day based on the date. Implement local statistics tracking: games played, win percentage, current streak, max streak, and guess distribution histogram. Create a share feature that copies results as colored emoji squares without revealing the word, similar to the original Wordle. Add a practice/unlimited mode for playing multiple games per day. Include dark mode and high contrast mode for accessibility. Implement proper keyboard support for typing guesses and using Enter/Backspace. Add subtle animations for invalid words (shake effect) and winning (celebration animation). Create a help/tutorial modal explaining the rules with examples. Include proper error handling for invalid words with visual feedback. Add sound effects for tile flips, invalid guesses, and winning (with mute option). Store game state in localStorage so users can resume if they refresh. Implement a countdown timer showing time until the next daily word. Make the design clean, minimal, and responsive across all devices. Add accessibility features including screen reader support and proper ARIA labels.