Design System
Consistent visual identity via Tailwind v4 @theme, glassmorphism, glow effects and Inter/JetBrains Mono typography.
Personal project — Astro 5 & Creative Dev
Portfolio API
This site itself
Portfolio designed as a high-performance application — GSAP animations, interactive audio Experience mode, 90-particle canvas system and a premium design system with Tailwind v4. Every detail has been crafted to create a memorable experience.
Portfolio API — System
LiveStars90
GSAPTL
AudioAPI
SSG100
import gsap from "gsap";
const tl = gsap.timeline();
tl.to("#hero", {
opacity: 1,
y: 0
});
90 canvas particles
GSAP timeline animations
Web Audio beat detection
Astro 5 static generation
Features
Technical craftsmanship
Experience Mode
Interactive audio mode with Web Audio API, frequency-analysis beat detection and CSS synchronization.
Particle System
90 canvas stars with cursor attraction, 6-stop radial glow, anti-accumulation and 4–8s breathing cycle.
Performance SSG
Astro 5 static build, View Transitions, Content Layer API and Lenis smooth scroll synced to RAF.
Approach
A portfolio as a product
Portfolio API is both a showcase of technical skills and a product in its own right. Each feature — particles, audio mode, animations — was designed to be smooth, purposeful and non-intrusive. Performance and creativity at the same level.
Astro 5GSAPCanvas APIWeb AudioTailwind v4View Transitions
Build
From design system to particles
Design System
Dark violet palette design, CSS variables and reusable components.
Animations
GSAP Hero timeline, glassmorphism, glow effects and View Transitions navigation.
Experience Mode
Audio mode development: Web Audio API, beat detection and CSS beat synchronization.
Particle System
90-star canvas system: trajectories, radial glow, mouse attraction and anti-accumulation.
Tech stack
Technologies used
Astro 5TypeScriptTailwind CSS v4GSAPLenisWeb Audio APICanvas APIHostinger
Let's collaborate
Creative frontend
meets technical rigor
Portfolio API demonstrates my ability to combine design, performance and advanced technical skills — from GSAP to Web Audio API, via a premium Tailwind design system.
Contact me