Moonarc: Astro Motion Components, GPU Effects, and Build MetricsMoonarc: Astro Motion Components, GPU Effects, and Build Metrics
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Azri's avatar
Azri Putra
• Sep 30
I've been building Moonarc, motion components for Astro that keep working after every navigation, and cut a 12-second reel of it.
Everything in the reel is the library itself, running in a browser: the smoke, the liquid chrome, the silk, the plasma, the logo that turns liquid under the cursor, and the wall of all 11 GPU effects at the end.
The numbers, measured from a real build:
102 primitives under MIT, and 67 of them load no JavaScript
11 GPU effects in Pro, 10.2 to 13.1 kB raw each, counting everything they load
The reel is an Astro page filmed frame by frame in headless Chromium on a virtual clock. Timers, requestAnimationFrame and CSS animations only move when the next frame is asked for, so all 720 frames land on their exact instant. The figures on screen are read from the build report, so they can't drift from the library.
moonarc.dev Open for work Portfolio: zrior.tech
softwareengineerfullstackengineerUI Design
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started