Skip to content
A Astro Rocket
Tag

#animation

4 posts tagged "animation".

All posts

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.

H Hans Martens
5 min read
#astro-rocket #animation #css #components #ux #performance

Animations: How the Motion Design Works

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.

H Hans Martens
10 min read
#astro-rocket #animation #css #ux #performance

Hero Scroll Indicator: Hides on Scroll

Two bouncing chevrons that fade in after the hero animation and disappear the moment you start scrolling. How every part of the indicator works.

H Hans Martens
4 min read
#astro-rocket #features #ux #animation

A Progress Ring on the Back-to-Top Button

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.

H Hans Martens
4 min read
#astro-rocket #features #ux #animation

Ready to build?

Clone Astro Rocket, pick a theme, and launch your next project in minutes.

Get Started