Getting Started
IntroductionLayout Components
Expandable Panel
Expandable Panel
Interactive panels that expand on click with smooth animations.
Image Gallery
Interactive circular gallery with drag-to-spin functionality.
Scrolling Gallery
Smooth scrolling gallery with parallax effects and dynamic height.
Liquid Image Reveal
Organic fluid reveal effect using SVG filters and GSAP animations.
Mouse Tilt Card
3D tilt cards with glare effects that respond to mouse movement.
Post Swiper
Unified swipeable component for social media cards with smooth gestures.
Swipeable Cards
Touch-friendly card stack with smooth swipe gestures.
Instagram Post
Instagram post card with profile image, verified badge, and username.
Twitter Card
Twitter/X post card with interactive elements, animations, and authentic styling.
Facebook Card
Facebook post card with profile, content, and interactive like/comment/share buttons.
Perspective Card Stack
3D card stack that fans out on hover with perspective transforms.
Stacked Card Slider
Click to cycle through stacked cards with GSAP Flip - clone, hide, onEnter/onLeave.
Mouse Trail
Dynamic image trail that follows your mouse cursor.
Context Menu
Right-click context menus with GSAP animations and smart positioning.
Project Hover Section
Project list with hover-to-reveal floating thumbnails that follow your mouse. Mobile: tap-to-expand.
Mask Reveal on Hover
Circular mask follows cursor to reveal alternate content. Mask grows on hover, shrinks on leave.
Text Loader
Animated text loader with gradient reveals and smooth transitions.
Text Scramble Reveal
Interactive text that scrambles on mouse proximity with custom characters.