webdev
tech
Kinetix Dev
High-Performance Web Development & Portfolio Engine
Project Overview
Kinetix Dev is a personal web development lab and digital portfolio engine built on modern web standards. Designed with Astro and Typescript, it features a clean, dark-mode Catppuccin Mocha aesthetic, smooth interactive tab transitions, dynamic category filtering, and lightweight responsive drawer navigation without the overhead of heavy client frameworks.
Key Features
Client-side hash & query URL routiing with browser history(popstate) management.
Dynamic tab bar indicator with absolute DOM offset positioning and soft easing.
Client-side category tag parsing with automatic CSS Grid reflow.
Smooth slide down header navigation with backdrop blur in mobile.
Styled using structured Catppuccin color tokens and custom typography scales.
Astro static build paired with selective client hydration scripts.