Skip to content

What's in the box?

Transparency matters. Here's exactly how this site was built, plus a look at the other tools we reach for when the problem demands them.

This Site

Next.js & TypeScript

The engine room. Next.js handles the heavy lifting (SSR, SEO), while TypeScript keeps the codebase strict, scalable, and bug-free.

Tailwind CSS

Rapid styling without leaving the HTML. It keeps the bundle small and the design consistent across every screen.

Framer Motion

Brings the pixels to life. It powers everything from the scroll-driven reveals to the smooth page transitions.

FFmpeg

Optimizes the asset pipeline. We use it to compress and sync the robot videos so they look crisp but load instantly.

What Else Is Possible

Front-end Frameworks

We adapt to the need. React (Vite/Router) for snappy SPAs. Astro for content-first sites. Sometimes, plain HTML & JS is the best tool for the job.

Hosting & Infrastructure

Scale matters. Whether it's a managed provider like Vercel or a custom Docker container on AWS/GCP, we deploy where it makes sense.

WebGL & Three.js

When standard DOM elements aren't enough, we go 3D. Capable of fully immersive environments and complex visual effects.

Back-end & Data

Fast, reliable data. We architect solutions using Headless CMS, SQL (MySQL, RDS), Edge (D1), or NoSQL (Firebase, DynamoDB)—cached by Redis for speed.

Data Visualization

Making sense of the numbers. Python handles the heavy analysis, while Recharts turns the data into beautiful, responsive dashboards.

Advanced Audio

Sound adds depth. We use Audacity and Ableton to craft custom soundscapes that react to user interaction.