Azri Putra
Full-stack Developer | UI/UX Specialist | Graphic Designer
New to Contra
Azri is ready for their next project!
Moonarc, 102 motion components for Astro, each shown next to the JavaScript it actually costs, measured from a real build. 67 of them ship zero JS.
I built the catalogue around the question a developer asks before adding an effect: what will this do to my page? Every tile is the live component, and the byte count under it comes straight out of the build.
The same hero built twice makes the point. Five effects on Moonarc's runtime come to 7.5 kB. The same five in a React island with Framer Motion come to 350.5 kB.
Pro adds 11 WebGL effects and 28 page sections, each tested for memory leaks and lost GPU contexts. Works on Astro 5, 6 and 7.
0
127
Storefront for Blast Studio, a streetwear label from Bali, built for its first drop. Lot 01 is four pieces across two lines, a technical one and a hand-drawn graffiti one.
I designed it, then built it static in Astro with no UI framework on the page. The bag, the set configurator and the lookbook rail that scrubs sideways as you scroll come to about 10 kB of JavaScript for the whole site.
Every frame of this loop was captured from the live build at 60 fps. Nothing here is a mockup.
Live: blast-studio.vercel.app
(http://blast-studio.vercel.app)Taking on new projects: zrior.tech (http://zrior.tech)
0
16
Roupalab develops clothing for other brands and runs two labels of its own, Saroong Atelier and Project Roupa. The site explains the studio and takes pre-orders for both.
The name gave me the hero. Rupa is Indonesian for form; add an o and it becomes roupa, Portuguese for clothing. The wordmark makes that change as the page loads.
The mark is a canang sari, the flower from Balinese offerings, and it draws itself in as you scroll. Product cards open into their pages with a shared transition, so the photo you tap is the one that grows.
0
117
Drawn in the jungle.
Amazona is a concept I made for a Bali jungle resort: 41 residences on a ridge above the Cepaka rice terraces, with 68% of the site left planted. The 3D film plays as you scroll, in four movements, and the whole site is built around it.
3D in [Blender/3ds Max], edit in DaVinci Resolve, site in Astro.
Concept piece, not a real listing.
Full experience → zrior.tech/amazona (https://www.zrior.tech/amazona)
0
38