EVENT
Neon Nights Festival
A night of electronic beats, immersive lights, and pure energy.
8:00 PMFree
Flutter exporter / Explore light
Explore preview / Light
A live HTML/CSS implementation of the Explore mobile screen based on the supplied VibeIRL references. The preview is scrollable, interactive, and tuned to match the mobile composition more closely before engineers translate it into Flutter.
Variant
Light glass
Phone width
430px preview
Interaction
Tabs + nav + actions
Source
Markdown + reference screenshots
Live screen
Full mobile Explore preview tuned against the supplied reference screens.
This page stays focused on the Explore mobile UI only: status bar, segmented tabs, Featured Today, Near You, Saved, and the pinned bottom navigation. The phone is intentionally given more space so the dark and light variants can be inspected at a realistic product scale before Flutter translation.
9:41
Explore
Featured Today
Near You
GROUP
Urban Hikers Collective
Weekend morning trails.
1.2 mi142
Free
PLACE
The Maker’s Studio
Creative co-working lab.
0.5 mi4.9
Saved
EVENT
Heritage Block Party
Celebrate local history.
Oct 12Free
Matched structure
- Hero event image with badge and heart action
- Near You rows with image, badge, metadata, and trailing action
- Saved row with stacked heart and plus actions
- Pinned bottom nav with safe-area spacing
Asset handling
The live preview uses local stand-in images already bundled with the project: night-club.png, hiking.png, and studio.png. The generated Flutter files point to clearer placeholder asset names for mobile teams.