Personal project / 2025
xtra.bio
A motion-heavy link hub that turns my online presence into an interactive profile card.
xtra.bio is a custom link-in-bio page built around a click-to-enter intro, particle background, glassmorphism cards, cursor-reactive lighting, animated profile elements, and parallax tilt interactions.
The page presents my portfolio, GitHub, and Discord in a compact interface, with a copy-to-clipboard Discord modal and a responsive layout that keeps the profile card readable on mobile.
It also includes switchable Spotify-style and Discord widgets: local audio playback with a progress bar on one side, and live Discord status/activity from Lanyard on the other.
Highlights
- Click-to-enter intro with ambient audio and animated visualizer
- Particle background, glass cards, parallax tilt, and motion-heavy profile UI
- Spotify-style player plus live Discord status/activity widget
- Animated social links and Discord username copy flow
Built with
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion