Play
Interactive demos and experiments showcasing various web technologies and animations
Avatars Components
User avatar display components with various styles and sizes
Book Cover
Book cover components for displaying book covers
Brand Components
Core brand elements including logos, emojis, and visual identity components
Buttons
Core buttons components for user interactions
Card Overlap
Card overlap components for displaying card overlaps
Cards Components
Card display components with various layouts and styles
counter-demo
GSAP-powered number animations with viewport detection and custom easing
CTA Components
Call to action and tip card components
Galleries Components
Gallery display components for images and media collections
Card Stacking
Layered card animations with stacking and unstacking effects using GSAP
GSAP Twirl
Rotating and twirling animations using GSAP for dynamic visual effects with canvas
Heading Components
Heading and title display components
Heroes Components
Hero section components for landing pages and featured content
Highlights Components
Highlights and achievements showcase components
How I Work Components
Work methodology and process components
Lottie Animations
Interactive Lottie animations with hover effects and lazy loading using Intersection Observer
GSAP Marquee
Smooth scrolling marquee animations with customizable speed and direction controls
Masonry Gallery Test
Test page for the new masonry gallery with natural image dimensions
Media Components
Components for displaying media content including covers and profiles
Vanilla Notification Center
React-free notification center with the same animations + FLIP reordering
Navigation Components
Navigation components including nav bars, sidebars, and dock menus
iOS-Style Stacked Notifications
Tap to unfold a 3D-stacked iOS-style notification group with glassmorphism
Phone Animation
Phone animation components with various styles and sizes
Projects Components
Project showcase and portfolio components
Quotes Components
Quote display components with various styles and layouts
Scroll Driven Lottie
Quote display components with various styles and layouts
Section Components
Section layout and content organization components
Services Components
Service showcase and offerings components
Skills Components
Skills showcase and expertise components
Statistics Components
Statistical display components for metrics and data visualization
Strategy Components
Strategic planning and methodology components
Swiper Carousel
Advanced carousel with autoplay, navigation, and various transition effects using Swiper Web Components
GSAP Resize Animation
Looping GSAP resize animation with smooth transitions and customizable timing
GSAP Work Gallery
Advanced GSAP work gallery with parallax effects, scroll triggers, and responsive grid layouts
Responsive Floating Grid
Responsive floating grid with parallax effects and dynamic image positioning using GSAP
GSAP Image Reveal
Interactive text hover effects with GSAP image reveal animations and staggered transitions
Stacking Cards
Advanced stacking cards animation with scroll-triggered effects and smooth transitions
Perspective Zoom Effect on Scroll
Perspective zoom effect on scroll
Text Reveal Animations
Text reveal animations with GSAP
Timelines Components
Timeline display components for chronological data and events
Work Components
Work showcase and portfolio components