Showcasing all Voyager block demo patterns โ pre-configured examples of each custom Gutenberg block.
Demo: Animated Counters
By the Numbers
Watch the numbers count up as you scroll. Each counter animates independently with GSAP.
Demo: Animated Sections
Scroll-Triggered Animations
Each section animates independently as it enters the viewport. Powered by GSAP ScrollTrigger.
Fade Left
This card slides in from the left with a smooth GSAP animation on scroll.
Fade Up
This card rises up with a staggered delay, creating a cascading entrance effect.
Fade Right
This card slides in from the right, completing the staggered three-column animation.
Demo: Before/After Comparison Slider
See the Difference
Drag the slider to compare before and after. Smooth interaction powered by GSAP.
Demo: Cursor Trail Effect
Move Your Cursor
Particles follow your cursor with smooth GSAP quickTo interpolation. The trail uses screen blend mode for a glowing effect against the dark background.
Demo: Hero Showcase
We Build Digital Experiences
Award-winning design studio crafting brands that move people.
Demo: MacOS Dock Navigation
Dock Navigation
Hover over the icons below. Spring-physics magnification creates a natural, delightful interaction.
Demo: Magnetic Hover Cards
Magnetic Interaction
Hover over the cards to experience magnetic attraction, 3D tilt, and glow effects.
๐จ
Design
Beautiful interfaces crafted with precision. Every pixel intentional, every interaction delightful.
โก
Performance
Lightning-fast load times with optimized assets. GSAP animations run at 60fps even on mobile.
๐
Growth
Scalable architecture built for growth. From startup to enterprise, we have you covered.
Demo: Parallax Section
โญโญโญ
Layers of Depth
Each layer scrolls at a different speed โ 0.3x, 0.6x, and 1.0x โ creating a natural sense of depth. The fastest layer fades in as it enters view.
Demo: Portfolio Filter Grid
Our Portfolio
Click the category filters to see smooth GSAP-powered layout transitions.
No portfolio items found.
Demo: Scroll Progress Indicator
Demo: Testimonial Carousel
What Our Clients Say
Auto-rotating carousel with smooth GSAP transitions. Pauses on hover.
Working with this team transformed our online presence. The GSAP animations they implemented made our site feel premium and professional.
The attention to detail in every interaction was remarkable. Our conversion rate jumped 40% after the redesign with their custom animated components.
Best investment we made this year. The parallax effects and micro-interactions make our brand stand out from every competitor in our space.
Demo: Text Reveal Animations
GSAP Text Reveal
Words that move. Letters that dance.
Character-by-character reveal creates a typewriter-like effect that draws the reader in one letter at a time.