— DEMO · D-40 · VOYAGER BLOCKS PLUGIN
28 Blocks. 15 Extensions. One Plugin.
Every block below is custom-built for performance, animation, and conversion. Extensions enhance core WordPress blocks with superpowers.
GSAP Animations
Conditional Loading
Block Bindings
— DEMO · D-41 · Animation & Visual
Motion that tells a story
GSAP-powered blocks that bring content to life with scroll-triggered animations, parallax depth, and dynamic counters.
animated-section
Scroll-Triggered Animations
Wrap any content in fade, slide, zoom, or rotate animations. Configurable duration, delay, and easing with ScrollTrigger integration.
Use case: Hero entrances, feature reveals, staggered card appearances
animated-counter
Animated Number Counter
Count up to any number with easing. Supports prefix, suffix, decimals, and thousands separators. Triggers on scroll into view.
Use case: Stats sections, ROI metrics, project counts
text-reveal
Text Reveal Animation
Word-by-word or character-by-character reveal animation. Configurable stagger, duration, and split mode for dramatic headline entrances.
Use case: Hero headlines, brand statements, page titles
scroll-progress
Scroll Progress Bar
Visual progress indicator that tracks scroll position. Fixed or inline placement with customizable color, height, and position.
Use case: Long-form content, case studies, documentation pages
parallax-section
Parallax Scrolling Section
Multi-layer parallax depth effect on scroll. Set speed per layer, background images, and scroll direction for immersive page sections.
Use case: Hero backgrounds, storytelling sections, visual separators
— DEMO · D-42 · Background & Effects
The "wow" blocks
WebGL and canvas-powered backgrounds that turn any section into an experience. Drop content inside and the effect wraps around it.
galaxy-background
Galaxy Starfield
WebGL-rendered starfield with twinkling stars, nebula colors, and mouse-reactive parallax. Customizable star count, speed, and color palette.
Use case: Hero sections, dark landing pages, SaaS product pages
particles-background
Particle Network
Canvas-based particle system with connecting lines. Particles react to mouse movement. Control density, speed, connection distance, and colors.
Use case: Tech company heroes, network visualizations, modern agency sites
color-bends-background
Color Bends Gradient
Animated mesh gradient that morphs between color stops. Smooth organic motion with configurable speed, colors, and blend modes.
Use case: Premium brand sections, creative agency headers, app landing pages
cursor-trail
Cursor Trail Effect
Mouse-following particle trail effect. Choose trail styles, colors, and fade speed. Adds playful interactivity to any section.
Use case: Creative portfolios, interactive demos, event pages
— DEMO · D-43 · Service & Portfolio
Blocks that drive business pages
Purpose-built for service pages, portfolios, and case studies. Every card, grid, and showcase is designed to convert visitors into leads.
service-cards
Service Cards Grid
Responsive grid of service cards with icons, titles, descriptions, and links. Hover animations and configurable columns.
service-features
Service Features List
Animated feature checklist with icons. Toggle between list and grid layouts. Perfect for service detail pages and comparison sections.
service-showcase
Service Showcase
Full-width service presentation with image, stats, and CTA. Parent block for service-showcase-card children. Tabbed or accordion layout.
service-showcase-card
Showcase Card
Individual card within service-showcase. Each card has its own image, heading, description, and CTA button with animated transitions.
sticky-service-cards
Sticky Service Cards
Cards that stack and pin as you scroll. Each card overlaps the previous one, creating a deck-of-cards effect. Scroll-driven with GSAP pinning.
portfolio-filter
Portfolio Filter Bar
Animated category filter for portfolio items. Click to filter with smooth GSAP layout transitions. Supports taxonomy-based filtering.
portfolio-grid
Portfolio Grid
Masonry or grid layout for portfolio items. Configurable columns, gap, and hover effects. Pairs with portfolio-filter for filterable galleries.
portfolio-item
Portfolio Item
Individual portfolio entry with image overlay, category tag, title, and link. Hover reveals description with smooth scale and opacity transitions.
— DEMO · D-44 · Social Proof
The conversion blocks
Testimonials, team showcases, and stats that build trust. These blocks turn visitors into believers.
testimonial-carousel
Testimonial Carousel
Auto-playing carousel of testimonials with swipe support. Configurable speed, autoplay, and navigation dots. Parent for testimonial-item blocks.
testimonial-item
Testimonial Item
Individual testimonial with avatar, quote, name, title, company, and star rating. Works inside carousel or standalone.
team-flip-card
Team Flip Card
3D flip card for team members. Front shows photo and name, back reveals bio, role, and social links. CSS perspective transform animation.
stats-counter
Stats Counter Bar
Horizontal row of animated stat numbers with labels. Counts up on scroll with configurable targets, prefixes, and suffixes per stat.
why-choose-cards
Why Choose Us Cards
Animated value proposition cards with icon, number, title, and description. Staggered entrance animations and hover lift effects.
— DEMO · D-45 · Interactive & Data
Blocks users play with
Sliders, magnetic effects, data charts, and calculators. These blocks create engagement that keeps visitors on the page longer.
comparison-slider
Before/After Slider
Drag-to-compare two images side by side. Perfect for before/after website redesigns, photo edits, or A/B mockups. Touch and mouse support.
Use case: Case study before/after, design comparisons, property photos
magnetic-cards
Magnetic Cards
Cards that tilt toward the cursor with 3D perspective. Magnetic pull effect with customizable intensity, glare, and spring physics.
Use case: Pricing cards, team profiles, featured products
macos-dock
macOS Dock
Apple Dock-style icon bar with magnification on hover. Parent block for macos-dock-item children. Use for app showcases or creative navigation.
Use case: Tool stacks, app galleries, creative link bars
macos-dock-item
Dock Item
Individual icon in the macOS dock. Set icon, label, link, and tooltip. Magnifies on hover with spring animation.
video-lightbox
Video Lightbox
Click-to-play video in an overlay lightbox. Supports YouTube, Vimeo, and self-hosted. Custom thumbnail with animated play button.
hero-showcase
Hero Showcase
Full-screen hero with animated device mockups, floating elements, and scroll-triggered parallax layers. The premium hero block.
data-chart
Data Chart
Chart.js-powered data visualization. Bar, line, pie, doughnut, and radar charts. Animated drawing on scroll, custom colors, and responsive sizing.
Use case: Analytics dashboards, performance reports, ROI visualizations
roi-calculator
ROI Calculator
Interactive calculator with sliders and inputs. Real-time ROI projections based on configurable formulas. Built-in lead capture on results.
Use case: Sales pages, pricing justification, lead generation tools
— DEMO · D-47 · 15 Extensions
Superpowers for core blocks
Extensions add new controls to existing WordPress blocks. No new blocks to learn — just more power in the blocks you already use.
ai-generate
AI Generate
Add AI content generation to any block. One-click content for headings, paragraphs, lists, and more.
ai-sidebar
AI Sidebar
Full AI assistant panel in the block editor. Chat with AI about your content, get suggestions, and apply changes inline.
entrance-animations
Entrance Animations
Scroll-triggered reveal effects for any block. Fade, slide, zoom, and rotate with configurable duration and delay.
hover-colors
Hover Colors
Dynamic color changes on hover for any block. Set background, text, and border colors that transition smoothly on mouse enter.
binding-fields
Binding Fields
Visual field picker for block bindings. Browse available data sources and bind block attributes to dynamic data without code.
scramble-text
Scramble Text
Letter-scramble animation effect on hover or scroll. Characters cycle through random letters before settling on the final text.
core-block-animations
Core Block Animations
GSAP animation controls on core WordPress blocks. Add timeline sequences, scroll scrub, and stagger to paragraphs, images, and groups.
advanced-group
Advanced Group
Enhanced group block controls. Sticky positioning, z-index, overflow, backdrop blur, and custom CSS class management.
button-controls
Button Controls
Extended button styling options. Icon support, loading states, hover transforms, gradient borders, and size presets.
column-controls
Column Controls
Advanced column layout options. Vertical alignment, responsive breakpoints, order control, and equal-height column support.
grid-controls
Grid Controls
CSS Grid layout controls for group blocks. Define rows, columns, areas, and responsive breakpoints with a visual grid builder.
heading-controls
Heading Controls
Typography enhancement for headings. Gradient text, text stroke, clamp sizing, letter spacing presets, and decorative underlines.
image-controls
Image Controls
Advanced image effects. Object-fit controls, hover zoom, grayscale-to-color transitions, aspect ratio presets, and blur overlays.
color-bends-style
Color Bends Style
Apply animated mesh gradient styles to any block background. Shared style system for the color-bends effect across sections.
mega-menu
Mega Menu
Full mega-menu behavior for navigation blocks. Multi-column dropdowns, featured images, and CTA sections within nav menus.
— DEMO · D-46 · Performance
Conditional loading. Zero bloat.
GSAP, Chart.js, and all block JavaScript only loads on pages that actually use those blocks. If a page has no animated blocks, no animation scripts load. Period.
28
Custom blocks registered
114
Block patterns available
0 KB
Unused block JS loaded
Each block registers its own script handle. WordPress only enqueues scripts for blocks present in the post content. GSAP loads once as a shared dependency — not per-block.
Every block ships with Voyager Blocks.
No per-block licensing. No feature gates. One plugin, every block, every extension.