Design concepts · Not client work
Interface and motion experiments, kept apart from client results.
Build notes only, never business claims.
- mainframe-aria-agency.web.app
Mainframe Aria (opens in a new tab)
A video playback pipeline with preloading and scroll-scrubbed sequences that stay smooth on phones.
- React
- TypeScript
- Framer Motion
- sortup-palomar.web.app
Palomar (opens in a new tab)
Prompt-debugging sandbox, latency visualizers and telemetry charts, tuned for dark mode.
- React
- TypeScript
- Tailwind CSS
- vault-shield-hero-section.web.app
VaultShield (opens in a new tab)
Interactive 3D vault mechanics and one-tap sign-in flows.
- React
- TypeScript
- Tailwind CSS
- usd-halo-landing.web.app
USD Halo (opens in a new tab)
3D coin physics, a layered landscape scene and an interactive yield calculator.
- React
- TypeScript
- Tailwind CSS
- nival-cyberspace.web.app
Nival (opens in a new tab)
Static HTML, CSS and SVG with canvas backgrounds and no third-party scripts.
- HTML
- CSS
- JavaScript
- sortup-studio-footer.web.app
Studio Footer (opens in a new tab)
A video scrubber driven by cursor position and scroll velocity, with canvas clipping masks.
- Next.js
- Canvas
- Tailwind CSS
- sortup-spaceedu.web.app
SpaceEdu (opens in a new tab)
A multi-video stage that cross-fades between planets with shifting focal points.
- HTML5 video
- JavaScript
- CSS transitions
- sortup-veyra.web.app
VEYRA (opens in a new tab)
Micro-video clips that play forwards and backwards on hover and tap.
- React
- TypeScript
- Tailwind CSS
- vertex-shops-sortup.web.app
Vertex Shops (opens in a new tab)
A 37-card cylindrical carousel in pure CSS 3D transforms, plus a canvas type fitter.
- CSS 3D transforms
- JavaScript
- Canvas
- fintech-style-landing-page.web.app
VaultShield Minimal (opens in a new tab)
Negative space, refined typography and hover micro-interactions, responsive down to small phones.
- React
- TypeScript
- Tailwind CSS
Want this level of craft on a real product?
No pitch deck. An engineer, and a straight answer.