01 Animated Profile Card
Interactive profile card with hover effects and social icons.
02 Responsive Navigation
Navigation bar with hover underline and mobile-friendly stacking.
03 3x3 Product Grid
CSS Grid-based product gallery with image zoom on hover.
04 Hero Section Design
Split hero section with slide-in text and pulse button.
05 Pricing Table
Flexbox pricing cards with gradient animation and highlighted middle card.
06 Asymmetrical Gallery
CSS Grid gallery with grayscale-to-color hover and varied row/column spans.
07 Dashboard Layout
Grid + Flex dashboard with sidebar, header, and loading shimmer cards.
08 Vertical Timeline
Flexbox timeline with pulse effect and responsive alignment.
09 Statistics Section
4 equal-width cards with bounce animation displaying statistics.
10 Floating Testimonials
Flexbox testimonial section with smooth floating effect and background change.
11 CSS Loader Page
Centered loader with rotation animation using Flexbox.
12 Magazine Layout
Grid magazine layout with fade-in sections and featured article spanning multiple columns.
13 Animated Buttons Collection
Flexbox collection of 5 buttons, each with unique hover animations.
14 Split Screen Layout
50-50 layout with fade-in animation and responsive design.
15 Flip Card Animation
3D flip card with front & back images and interactive hover effect.
16 Responsive Footer
4-column footer with hover transitions, created using Grid + Flex.
17 Animated Background Section
Fullscreen video background with moving gradient and fade-in text.
18 E-commerce Layout
Amazon-style layout with sidebar, product grid, curved buttons, search bar, and cart.
19 Progress Bars
Flexbox-based progress bars with filling animation.
20 Advanced Creative Section
Overlapping layout design using Grid + Flex with at least 3 animations.