0%
Tech/TECH.003
Tech.003 · Application Layer
Application Layer

Mobile & Web.

The thinnest, most ubiquitous canvas we have.

A modern web app is a small operating system delivered through a URL. HTML lays out the structure, CSS dresses it, JavaScript runs the logic. WebGL and WebGPU push the same machine into hardware-accelerated 3D — the very thing rendering this page right now.

Reach
5B browsers
Install
0 required
Stack
HTML + CSS + JS
SYSWEB.RESPONSIVE
NETVIEWPORT 375 → 1920
STATEREFLOW
DPR 2.0
VW FLUID
RT WEBGL
Live · Reflow
100%
01 · The thirty-second version

A URL is an operating system.

Every modern browser ships with a JavaScript engine, a 3D graphics stack, an audio synthesizer, a camera API, motion sensors, and persistent storage — all wired together by the same standards. When you type a URL, you're loading a tiny, sandboxed application onto someone else's hardware in milliseconds.

Three languages cover almost everything you see. HTML is the structure — the bones of the document. CSS is the presentation — colors, layout, animations, the responsive behavior across phone, tablet and desktop. JavaScript is the logic — what happens when something is clicked, scrolled, dragged, observed, fetched.

Mobile-native apps trade the URL for an installable bundle. You get deeper access (camera, push, on-device ML) at the cost of friction. We pick whichever gets the audience to the experience faster: web for reach, native for depth.

WEB.LAYOUT
02 · The render path

From source to pixels.

Every navigation runs this sequence. Lighthouse scores live or die on how fast each step completes.

01
Request
Browser fetches HTML over HTTP/3. CDN edge serves first byte. Critical resources preloaded via <link rel="preload">.
02
Parse
HTML parsed into the DOM tree. CSS parsed into the CSSOM. The two combine into the render tree.
03
Layout
Each visible node is sized and positioned. Reflow happens on every viewport change, every state-driven CSS update.
04
Paint
Pixels rasterized layer by layer. Composited on the GPU. Transform/opacity changes can skip layout entirely.
05
Hydrate
JS attaches event listeners, animation loops, observers. The page is now interactive — and ready to fetch the next thing.
03 · The toolkit

Frameworks, runtimes, APIs.

We pick from this list per project. The right tool depends on what the audience can install, what the page weighs, and what the audience expects.

Web · UI
React · Next.js
The default for component-driven web apps. SSR, SSG, edge rendering all baked in.
Vue · Svelte · Astro
Web · 3D
Three.js
WebGL/WebGPU layer. Powers every 3D scene on this site. Hackable, JS-native.
Babylon · React-Three-Fiber
Animation
GSAP + Lenis
Industry-standard tween engine + smooth-scroll. Buttery interaction at 60–120 fps.
Framer Motion · Anime.js
Mobile
Flutter
Single Dart codebase, native compilation, identical pixels iOS + Android.
React Native · Swift · Kotlin
Backend
Node · Bun
JS server runtimes. Bun is fast — <100 ms cold-start. Node still rules production.
Deno · Hono · Express
Realtime
WebSockets
Persistent bidirectional streams. Live cursors, multiplayer, push state.
WebRTC · WebTransport
Edge
Cloudflare Workers
Code that runs at the CDN POP. Global < 50 ms latency. Tiny cold-starts.
Vercel · Deno Deploy
Native bridge
PWA + Capacitor
Web tech wrapped in a native shell. Camera, push, file system without rewriting.
Tauri · Electron
04 · In the wild

Where we've shipped web + mobile.

Web · This site
augma.io
Hand-written multi-page PWA. No framework, no build step. Three.js for every 3D scene, GSAP for animation, Lenis for smooth scroll. Total weight under 2 MB. We ship the right size for the job.
Vanilla JSThree.jsGSAP + Lenis
Mobile · Flutter
Goat Games 2026
Two Flutter web apps for a climbing competition — a climber-facing scoring app and an admin dashboard. Single Dart codebase, real-time sync, deployed as PWA + native iOS/Android shells.
FlutterFirebaseRiverpod
Web · Brand activation
Branded campaign micro-sites
Short-lived high-impact landing experiences. WebGL-driven hero, share-baked-in social mechanics, full-bleed video. Edge-deployed for sub-100 ms TTFB across regions.
Next.jsCloudflareThree.js
Backend · Realtime
Show-control bridges
Custom Node servers that bridge WebSocket clients (browser, mobile, kiosk) with OSC + DMX hardware. Used in installations to let phones in the audience drive the lights.
NodeWebSocketsOSC
04.5 · Try it now

Live web you're already in.

augma.io itself is the demo — the rest are slots for shipping cases.

Web · PWA
Open Site →
Live · You're on it
augma.io
This site. Hand-written multi-page PWA. No framework. Three.js for every 3D scene. GSAP + Lenis for animation. Total weight under 2 MB.
Visit the homepage
Case · Index
Browse →
Live · Always shipping
Portfolio gallery
Live browseable case studies — every web + mobile project we've shipped. Categorized by stack and audience.
Open the work index
Mobile · Flutter
SAMPLE PLACEHOLDER APP.003 · FLUTTER · iOS + ANDROID
Coming soon
Pending — Drop App Store link
Goat Games 2026
Two Flutter apps for a climbing competition — a climber-facing scoring app and an admin dashboard. Replace with App Store badges + screen captures on launch.
Add link
Campaign · Edge
SAMPLE PLACEHOLDER WEB.004 · NEXT.JS · CLOUDFLARE
Coming soon
Pending — Drop campaign URL
Branded micro-site
Short-lived high-impact landing experience. WebGL hero, share-baked-in social, full-bleed video. Edge-deployed for sub-100 ms TTFB.
Add link
Web or mobile project?

Pick the right reach. Skip the bloat.

We don't ship 4 MB React bundles to render five paragraphs. Tell us what you need to build, and we'll match the right runtime and framework — or write it from scratch when that's the right call.