The Stack Marquee: A Pure-CSS Tech Strip
Two rows of tech-stack cards scrolling opposite ways with no JavaScript. How the homepage marquee loop works, and why it is hidden on phones.
6 posts tagged "ux".
Two rows of tech-stack cards scrolling opposite ways with no JavaScript. How the homepage marquee loop works, and why it is hidden on phones.
A 3-state colour mode with no flash, live OS-preference tracking, and a pill dropdown that respects what the user picked. Here is how it is built.
Every animation layer in Astro Rocket: the ease-out hero entrance, the staggered scroll-reveal cascade, and how it stays smooth with no JS animation library.
Two bouncing chevrons that fade in after the hero animation and disappear the moment you start scrolling. How every part of the indicator works.
The back-to-top button has a circular SVG ring that fills as you scroll: brand-coloured, theme-aware, and built from CSS and a small inline script.
A thin brand-coloured line that fills as you scroll. How the progress bar works, where it lives, and how to enable it on any page.
Clone Astro Rocket, pick a theme, and launch your next project in minutes.
Clone Astro Rocket, pick a theme, and launch your next project in minutes.