Cards
A collection of interactive, animated, and aesthetic card components.
Developer Identity
A professional profile card inspired by ID badges. It features a grayscale-to-color image reveal, a status indicator, and an animated tech stack visualization using progress bars.
Focus Blur
An artistic card that mimics a camera lens focusing. The content remains blurred and compact until hovered, revealing the full details and sharpening the title. Perfect for galleries or feature showcases.
Frontend Developer
Almost a year of experience with frontend development . Specialized in React, Next.js, Tailwind CSS, Motion and TypeScript.
Ghost Stack
A minimalist card that creates tactile depth without heavy shadows. Upon hover, a secondary "ghost" layer rotates and reveals itself underneath, giving a sophisticated 3D lift effect.
Ghost Stack Card
A deep dive into the semantics of modern UI design and how depth perception affects user retention.
Sensor HUD
A technical, dashboard-inspired card. It features corner markers that frame the content and a data bar chart that reacts to interaction. Ideal for analytics, system status, or "cyber" aesthetic layouts.
7 Days Spending
Moderate spending in the last 7 days.
Blog Card
A responsive, editorial-style card designed for articles and news feeds. It features a side-by-side layout on desktop that stacks vertically on mobile, complete with metadata, author info, and engagement stats.
10 Essential Tips for Productive Remote Work
Discover how to maximize your productivity and maintain work-life balance while working from home with these expert-approved strategies.
