A cosmic journey that blends stardust & code — explore, interact, and fall in love with the galaxy.
Astrophile is an interactive web-based cosmic experience that combines smooth canvas/CSS animations with a romantic space aesthetic. It creates an immersive atmosphere of twinkling stars and celestial visuals designed to mesmerize visitors across all devices.
Note: This project is a customized and personal version cloned from the original repository created by @Miko-Ard.
- 🌠 Interactive Galactic Animation: Dynamic stars that move, float, and twinkle in real-time.
- 💖 Romantic Space Aesthetics: Cosmic gradient color palette blended with a romantic vibe.
- 📱 Fully Responsive Layout: Optimized for seamless viewing on mobile, tablet, and desktop screens.
- ⚡ Lightweight & High Performance: Built with pure vanilla web tech without heavy dependencies.
- 🛠️ Custom Modifications: Personal code adjustments and UI tweaks to suit specific presentation needs.
| Technology | Purpose |
|---|---|
| HTML5 | Semantic structure & layout scaffolding |
| CSS3 | Cosmic styling, glassmorphism, & keyframe animations |
| JavaScript (ES6+) | Dynamic particle effects & interaction logic |
To run this project locally on your machine, follow these simple steps:
- Clone this repository:
git clone [https://github.com/Madtch/astrophile.git](https://github.com/Madtch/astrophile.git)
- Navigate into the project directory:
cd astrophile - Open the application:
Windows:
macOS:
start index.html
Alternatively, simply double-click index.html or use VS Code Live Server.open index.html
- Original Author: Huge thanks to @Miko-Ard for creating and sharing the base Galaxy-Love project.
Zamzami Ahmad
- GitHub: @Madtch
Created for personal learning, practice, and open-source documentation.