Nebula Navigator

Inspiration

-->Inspired by the beauty of stars, planets, and nebulae. -->Wanted to create a mini interactive universe in the browser. -->Focused on visual creativity and interactivity.

What it does

-->Explore a dynamic galaxy with stars, planets, and nebulae. -->Hover planets to reveal fun facts or info. -->Animations make the galaxy feel alive and interactive.

How we built it

-->Used HTML for structure and CSS for animations. -->Added floating planets, twinkling stars, and gradient backgrounds. -->Hover effects include glow, scale, and color changes. -->Organized clean, reusable code for maintainability.

Challenges we ran into

-->Smooth animations without JavaScript. -->Keeping visuals rich but performant. -->Making layout feel organic, not rigid. -->Hover interactions intuitive for users.

Accomplishments that we're proud of

-->Fully interactive galaxy using only HTML & CSS. -->Polished visual design: floating planets, glowing stars, swirling nebulae. -->Engaging hover info cards for each planet. -->Original and visually impressive design for a hackathon.

What we learned

-->Effective use of CSS animations, gradients, and transforms. -->Importance of semantic HTML and reusable CSS. -->Balancing design and performance. -->Small interactions enhance user experience.

What's next for Nebula Navigator

-->Add more interactive planets and stars. -->Animated background that reacts to cursor or scrolling. -->Light/dark mode to simulate different cosmic environments. -->Optional audio effects for extra immersion.

Built With

• css
• html