An interactive virtual aquarium built using HTML, CSS, and Vanilla JavaScript. Watch fish swim around, interact with them, change the aquarium's mood, feed them, unlock achievements, and enjoy a dynamic underwater ecosystem—all inside a single HTML file.
- 🐠 Multiple fish species
- 🎭 Unique fish personalities
- 😊 Dynamic mood system
- 🍞 Feed your fish
- 🌧️ Rain mode
- 🌙 Day & Night themes
- 💀 Survival mode
- 🦈 Add sharks
- 🪼 Jellyfish
- 🐢 Sea turtles
- 🐙 Octopus
- 🌿 Animated seaweed
- 💨 Floating particles
- 🫧 Bubble effects
- 🌊 Water distortion & waves
- 💡 Dynamic light rays
- 🏆 Achievement system
- 📊 Live aquarium statistics
- 🏷️ Fish names & information panel
- 🖱️ Drag & move fish
- 🎵 Background music
- ❤️ Fish moods and personalities
- ✨ Beautiful underwater animations
- 📱 Responsive design
- HTML5
- CSS3
- Vanilla JavaScript
- SVG Graphics
- CSS Animations
- Clone this repository
git clone https://github.com/your-username/ultimate-aquarium.git-
Open the project folder.
-
Run:
aquarium.html
or simply open the file in your browser.
No installation required.
| Button | Function |
|---|---|
| 🐠 Fish | Add a new fish |
| 🍞 Feed | Feed all fish |
| 🪼 Jelly | Spawn jellyfish |
| 🦈 Shark | Add a shark |
| 🐙 Octopus | Add an octopus |
| 🐢 Turtle | Add a turtle |
| 🏷️ Names | Toggle fish names |
| 🧹 Clean | Clean the aquarium |
| ❌ Remove | Remove creatures |
| 🎵 Music | Toggle background music |
| 🌧️ Rain | Toggle rain effect |
| 💀 Survival | Enable survival mode |
Add screenshots or a GIF here.
Example:
/preview.png
📦 Ultimate Aquarium
├── aquarium.html
└── README.md
- Save aquarium progress
- More sea creatures
- Multiplayer aquariums
- Fish breeding improvements
- Sound effects
- Weather system
- Mobile gestures
- Custom aquarium decorations
This project is open-source and available under the MIT License.
Made with ❤️ using HTML, CSS & JavaScript.
This project was developed with the assistance of AI for brainstorming, optimization, and code generation.
⭐ If you enjoyed this project, consider giving it a star!