3D Flipbox with Mouse Tilt & Floating Animation
3D Interactive Flipbox with Mouse Tilt & Click Flip with GSAP
Horizontal Stacking Cards
Horizontal Stacking Cards is a scroll-triggered effect where cards slide horizontally from the right and stack behind the first card, each becoming slightly smaller to create depth. It’s perfect for showcasing portfolios, products, or galleries in a compact, interactive layout.
Animated Dropdown Items in Menu Builder
Staggered reveals for Menu Builder dropdowns
Inline Images Headings
Responsive and Accessible Inline Images Headings.
Animated Gradient Borders with Pure CSS
Smooth, endlessly rotating conic-gradient borders that wrap any element in flowing color.
Subgrid Layouts That Line Up
Align titles, text & buttons across every card with the CSS subgrid property
With a Post Loop Builder element - Pin version
The column will stop at the center of the screen, then the animation will start.
3D Flipbox with Mouse Tilt & Floating Animation
3D Interactive Flipbox with Mouse Tilt & Click Flip with GSAP
Animated Dropdown Items in Menu Builder
Staggered reveals for Menu Builder dropdowns
Inline Images Headings
Responsive and Accessible Inline Images Headings.
Animated Gradient Borders with Pure CSS
Smooth, endlessly rotating conic-gradient borders that wrap any element in flowing color.
Subgrid Layouts That Line Up
Align titles, text & buttons across every card with the CSS subgrid property
With a Post Loop Builder element
Just a regular animation that start when the top of the Supa Code Block element (container) reach 90% of the screen (from the bottom).