Sentinel Veda
Landing page for a made-up AI brand protection product, with WebGL gradients and text effects.
- Type
- Landing page
- Built with
- React, Vite, TypeScript, GSAP, OGL, Recharts
- Live at
- veda-orpin.vercel.app
Overview
Sentinel Veda is a product I made up to practice a premium tech look: clean typography on white, with a deep purple WebGL gradient as the centerpiece and small details that make the page feel alive.
Highlights
- 01
WebGL gradient
An animated grain gradient as the centerpiece.
- 02
Text effects
Decrypting and ASCII text that comes alive.
- 03
Interactive details
Animated beams and a dot grid that reacts to you.
- 04
Charts that explain
Stats and comparison sections with charts.
Tech and tools
React and Vite
A fast setup with TypeScript.
Motion
OGL for WebGL, GSAP and Motion for animation.
Charts
Recharts for the data sections.
One part per section
Every section is its own component.