Syed Tasavour Portfolio (SIGNAL)
SIGNAL treats the portfolio as an instrument rather than a set of cards. The palette is monochrome by design, and each section is its own instrument, from a live GLSL oscilloscope hero to a departure-board work index and a scroll-scrubbed about section. There is no shared card component anywhere in the codebase.
- Started
- 2026
- Stack
- Next.js, React, TypeScript, Tailwind CSS, Three.js, React Three Fiber, GSAP, Framer Motion, Lenis, Turso
- Kind
- Pet
- Source
- Private
Why I built it
Most developer portfolios reuse the same cards, tilt effects, timelines, skill bars, and gradient blobs. This redesign deliberately rejects those patterns and builds each section as a distinct, custom instrument.
What it does
- Hero rendered as a live GLSL oscilloscope trace where the cursor injects energy as a probe
- Work index styled as a departure board that floods the viewport with a project's headline metric on hover
- Stack section as a signal field where type size encodes depth of use and filtering raises matches above the noise floor
- Contact form submissions stored via Turso
How it is built
Built with Next.js 16 (App Router), React 19, and strict TypeScript, with Tailwind CSS v4, Three.js / React Three Fiber, GSAP, Framer Motion, and Lenis driving the motion and WebGL work.
How it evolved
- 2026Scoped
Most developer portfolios reuse the same cards, tilt effects, timelines, skill bars, and gradient blobs.
- 2026Built
Built with Next.js 16 (App Router), React 19, and strict TypeScript, with Tailwind CSS v4, Three.js / React Three Fiber, GSAP, Framer Motion, and Lenis driving the motion and WebGL work.
- 2026Live
Shipped and still improving it.
Built by Syed Tasavour. More at syedtasavour.com.