Antonio Leite — frontend developer. A real-time 3D observatory on a snowy peak above a sea of clouds, and the portfolio inside it.
A frontend developer who builds places, not pages.
PLACEHOLDER — I'm Antonio, a frontend developer who cares about the small things: the easing of a panel, the contrast of a focus ring, the milliseconds before something appears.
PLACEHOLDER — I like building interfaces that feel physical, from product dashboards to full real-time 3D scenes like this one. I work across the stack when it helps, but the browser is where I'm happiest.
PLACEHOLDER — Away from the keyboard you'll find me outdoors with a camera, a thermos of tea, and a sky I'm trying to understand.
The compass for every route.
PLACEHOLDER — App Router, server components and streaming for fast first paint; route handlers for small backends; every section of this site is a deep-linkable route.
Components as small machines.
PLACEHOLDER — Composition over configuration, state close to where it's used, and accessibility built in from the first prop.
Measure twice, ship once.
PLACEHOLDER — Strict mode everywhere, types as documentation, and schema-validated edges (zod) so runtime and compile time agree.
A prism of utilities.
PLACEHOLDER — Design tokens as CSS variables, utilities for speed, and small hand-written CSS where the design needs it.
Light, geometry, patience.
PLACEHOLDER — React Three Fiber for scene structure, custom shaders for the look, and a quality governor that keeps frame rate honest.
Tiny programs that paint light.
PLACEHOLDER — Sky, clouds, aurora and snow are shaders; noise, raymarching and a lot of tweaking sliders.
Springs, not tweens.
PLACEHOLDER — Physical, interruptible motion for the interface; calmer, reduced variants for people who ask for them.
The quiet foundation.
PLACEHOLDER — Drizzle for typed queries, migrations in version control, SQLite locally and Postgres in production.
A realtime analytics dashboard with buttery chart transitions.
A headless storefront tuned for Core Web Vitals.
A WebGL particle playground and shader toolkit.
PLACEHOLDER — Connect stars to draw your own constellation. Click one star, then another, to join them.
PLACEHOLDER — Move the cursor to steer the colour and flow of a small aurora.
PLACEHOLDER — Shake the jar. Real particle physics: gravity, drag, collisions with the glass.
Leave a name and a short message and launch a shooting star. It settles as a permanent star in the shared night sky.
Send Antonio a message through the signal lamp, or write to hello@example.com.
— PLACEHOLDER — Keeping frame rate steady without visible quality jumps.
— PLACEHOLDER — Notes on building a sky that matches the sky outside.
The sky above the observatory matches your local time and approximate location: real sun and moon positions, the real moon phase, and a catalogue of five thousand stars.