Project 02 / 03 Live demo

Meridian Labs

Product and technology. Precision in motion.

  • GSAP
  • Three.js
  • Product
  • SaaS

Role: Development  ·  Year: 2025

Meridian Labs live demo preview

Fully built, interactive demo. Opens in a new tab.

01 / Challenge

Data that doesn't just sit there

Numbers and data visualisations needed to feel alive, not like a dashboard screenshot embedded in a marketing page. The product is real-time, so the site had to communicate that viscerally.

The design language had to communicate precision and speed without becoming cold. Their users are engineers, but the buyer is often a CTO who needs to trust the brand as much as the spec sheet.

02 / Approach

Motion as proof of capability

Counter animations tied to viewport entry, a Three.js particle field in the hero that responds to mouse position without killing frame rate, grid-based layouts that breathe just enough without becoming playful.

The code architecture mirrors the product philosophy: clean interfaces, no surprise, everything composable. GSAP timelines that are readable and maintainable, not clever for the sake of it.

03 / Motion highlights

Where the animation lives

Custom count-up tweens that respond to actual API data snapshots, GSAP-powered line draws on the metrics charts, ScrollTrigger-batched card entrances that feel snappy and deliberate.

<14
ms TTFB
47
avg fps
100
perf score
04 / Result

See it for yourself

The product site is built and live: counters that animate on entry, the bento feature grid, and the status band, all running at speed. Open it and put it through its paces.