Groundworx Core Blocks

Groundworx Core

Stop fighting your page builder. Start building.

Home / Demos / Groundworx Core

Curtain Raiser Block

Captivate visitors with animated sections. Dual-layer backgrounds and smooth scroll effects create memorable first impressions.

Dual-layer animated backgrounds with scroll-triggered circular reveal. Each layer supports images or videos, creating cinematic intros for landing pages and hero sections.

Curtain Raiser Block

Captivate visitors with animated sections. Dual-layer backgrounds and smooth scroll effects create memorable first impressions.

Dual-layer animated backgrounds with scroll-triggered circular reveal. Each layer supports images or videos, creating cinematic intros for landing pages and hero sections.

Curtain Raiser Block

Captivate visitors with animated sections. Dual-layer backgrounds and smooth scroll effects create memorable first impressions.

Dual-layer animated backgrounds with scroll-triggered circular reveal. Each layer supports images or videos, creating cinematic intros for landing pages and hero sections.

Media Section

Scroll to trigger animations. The background image expands with gutter effects while content slides into view from the bottom. Perfect for high-impact hero sections and feature highlights.

Showcasing static, without animation, and not contained

Media Section

Scroll to trigger animations. The background image expands with gutter effects while content slides into view from the bottom. Perfect for high-impact hero sections and feature highlights.

Showcasing static, without animation, and not contained

Media Section

Scroll to trigger animations. The background image expands with gutter effects while content slides into view from the bottom. Perfect for high-impact hero sections and feature highlights.

Showcasing with animation, and contained

Media Section

Scroll to trigger animations. The background image expands with gutter effects while content slides into view from the bottom. Perfect for high-impact hero sections and feature highlights.

Showcasing with animation, and contained

Media & Content Split

Flexible split layouts with custom width ratios that stack responsively

Set any width ratio you want—30/70, 40/60, 50/50, or custom widths in px, %, em, rem, vw, or vh. Media and content sit side-by-side on larger screens, then stack at your chosen breakpoint.

Features:

  • Content scroll mode – Image stays fixed while content scrolls (perfect for long-form content)
  • Flexible width control (not locked to 50/50)
  • Multiple unit support (px, %, em, rem, vw, vh)
  • Image support with focal point control
  • Stack at custom breakpoint (phone, tablet, or laptop)
  • Content scroll or stack toggle
  • Overlay color and opacity controls
  • Duotone image filters
  • Full typography and spacing controls

Perfect for:

  • Long-form content with visual anchor
  • Editorial layouts
  • Feature descriptions with detailed copy
  • Storytelling sections
  • Service pages with extended descriptions

Why Groundworx Core?

Long-form content that demonstrates scroll:

Build client sites faster with professional WordPress blocks and extensions. No page builder bloat, no proprietary systems, just modern WordPress standards.

Unified Breakpoint System
Set your responsive breakpoints once. Every block respects them automatically. No more managing responsive behavior across dozens of individual blocks.

Extensions to Core Blocks
WordPress core blocks get professional controls—stack columns, set widths per breakpoint, sticky positioning, text alignment per device, and more.

Custom Blocks Built for Real Work
Accordion, Tabs, Cards, Heros—every block designed for actual client projects, not just demos. Clean code, semantic HTML, accessible by default.

Performance First
No jQuery, no legacy code. Performance-optimized video loading, CSS-based animations, minimal JavaScript. Fast sites without compromise.

SEO

Media & Content Split

Flexible split layouts with custom width ratios that stack responsively

Set any width ratio you want—30/70, 40/60, 50/50, or custom widths in px, %, em, rem, vw, or vh. Media and content sit side-by-side on larger screens, then stack at your chosen breakpoint.

Card

Pre-structured classic card container with flexible inner content blocks

Card

Pre-structured classic card container with flexible inner content blocks,

See it for yourself!

Card

Pre-structured classic card container with flexible inner content blocks,

Media Card

Dual-layer media card with three interactive styles

Add two media layers (images, videos, or both). Choose from three styles—Default, Matted, or Reveal. Each style has unique hover interactions. Videos load with Core’s performance optimization.

Media Card


Default

Media Card


Matted

Media Card


Reveal

Card Overlay

Card with content overlay that adapts to container size, this is Portrait mode.

A card container with overlay positioning. Content sits on top of the background with Stack layout for clean vertical spacing. Add images, video, headings, text, buttons—anything.

Card Overlay

Card with content overlay that adapts to container size, this is Portrait mode.

A card container with overlay positioning. Content sits on top of the background with Stack layout for clean vertical spacing. Add images, video, headings, text, buttons—anything.

Card Overlay

Card with content overlay that adapts to container size, this is Landcape mode.

Card Overlay

Card with content overlay that adapts to container size, this is Landcape mode.

Card Reveal

Hover to reveal the back layer. Front layer shows an image, back layer can be image or video. Reveal amount adapts to content height automatically. On touch devices, displays as a normal card without interaction.

Card Reveal

One-layer interactive card with content-based reveal

Card Reveal

Two-layer interactive card with content-based reveal

Card Reveal Lift

Hover to “lift” the front layer and reveal content underneath. Set a fixed reveal height as a ratio or percentage. Front layer shows an image, back layer can be image or video. On touch devices, displays as a normal card.

Card Reveal Lift

One-layer interactive card with content-based reveal

Card Reveal Lift

Two-layer interactive card with content-based reveal

Dynamic Flow

Query-powered carousel that pulls from any post type. Filter by taxonomy, date, author, keyword, or format—or switch to Curated mode and hand-pick posts. Design your slide template with any blocks, set slides per breakpoint, control animation timing, and pause videos on inactive slides. Full responsive controls at every screen size.

Auto Scroll, fixed width at breakpoint

Auto-scroll creates a continuous marquee effect that smoothly cycles through slides. Adjust the scroll speed and combine with loop mode for an endless stream of content.

Groundworx Query Filters

Query Filters 1.0.1: Custom Sort Options via PHP

The Filter Orderby block now supports custom sort options registered through PHP. Sort by custom fields, combine multiple sort criteria,…

Groundworx Core Blocks

Groundworx Core Is Now a Bundle — And Every Plugin Is Available Separately

Big news: Groundworx Core has been restructured. What was one large plugin is now a bundle of four focused plugins…

Elementor vs WordPress Gutenberg

Why I Choose Gutenberg Over Elementor

Elementor solved a real problem. WordPress needed a visual editor. People wanted to drag and drop, see changes in real…

Groundworx Core Blocks

Groundworx Core Filter Block Overhaul & Accordion/Tabs Enhancements

This batch of updates focuses on two areas: making the Filter blocks more robust, and adding flexibility to Accordion and…

We Finally Have Tutorials!

One of my goals for Groundworx has always been solid documentation. Not just “here’s a block, good luck” – but…

Groundworx Core Blocks

Groundworx Core 1.3.1: Bug Fixes & Improvements

Quick maintenance release with important fixes:

AI ChatGPT

I Use AI Every Day. But I’m Not Adding It to My Products Yet.

Here’s where I stand as a developer: I use AI every day. It helps me code faster, think through problems,…

Stop Fighting Your Layouts: The Real Power of CSS Grid

You know CSS Grid exists. You’ve probably used display: grid and maybe even grid-template-columns: 1fr 1fr 1fr to make a…

1/1

Center align with scale & opacity

Center-aligned slides with scale and opacity transitions create a focus effect that draws attention to the active slide while gracefully fading the surrounding content.

Groundworx Query Filters

Query Filters 1.0.1: Custom Sort Options via PHP

The Filter Orderby block now supports custom sort options registered through PHP. Sort by custom fields, combine multiple sort criteria,…

Groundworx Core Blocks

Groundworx Core Is Now a Bundle — And Every Plugin Is Available Separately

Big news: Groundworx Core has been restructured. What was one large plugin is now a bundle of four focused plugins…

Elementor vs WordPress Gutenberg

Why I Choose Gutenberg Over Elementor

Elementor solved a real problem. WordPress needed a visual editor. People wanted to drag and drop, see changes in real…

Groundworx Core Blocks

Groundworx Core Filter Block Overhaul & Accordion/Tabs Enhancements

This batch of updates focuses on two areas: making the Filter blocks more robust, and adding flexibility to Accordion and…

We Finally Have Tutorials!

One of my goals for Groundworx has always been solid documentation. Not just “here’s a block, good luck” – but…

Groundworx Core Blocks

Groundworx Core 1.3.1: Bug Fixes & Improvements

Quick maintenance release with important fixes:

AI ChatGPT

I Use AI Every Day. But I’m Not Adding It to My Products Yet.

Here’s where I stand as a developer: I use AI every day. It helps me code faster, think through problems,…

Stop Fighting Your Layouts: The Real Power of CSS Grid

You know CSS Grid exists. You’ve probably used display: grid and maybe even grid-template-columns: 1fr 1fr 1fr to make a…

Large centered slides with autoplay

Large centered slides with autoplay and scale effects work great for hero-style content displays. The half-arrow navigation keeps the interface minimal.

Groundworx Query Filters

Query Filters 1.0.1: Custom Sort Options via PHP

The Filter Orderby block now supports custom sort options registered through PHP. Sort by custom fields, combine multiple sort criteria,…

Groundworx Core Blocks

Groundworx Core Is Now a Bundle — And Every Plugin Is Available Separately

Big news: Groundworx Core has been restructured. What was one large plugin is now a bundle of four focused plugins…

Elementor vs WordPress Gutenberg

Why I Choose Gutenberg Over Elementor

Elementor solved a real problem. WordPress needed a visual editor. People wanted to drag and drop, see changes in real…

Groundworx Core Blocks

Groundworx Core Filter Block Overhaul & Accordion/Tabs Enhancements

This batch of updates focuses on two areas: making the Filter blocks more robust, and adding flexibility to Accordion and…

We Finally Have Tutorials!

One of my goals for Groundworx has always been solid documentation. Not just “here’s a block, good luck” – but…

Groundworx Core Blocks

Groundworx Core 1.3.1: Bug Fixes & Improvements

Quick maintenance release with important fixes:

AI ChatGPT

I Use AI Every Day. But I’m Not Adding It to My Products Yet.

Here’s where I stand as a developer: I use AI every day. It helps me code faster, think through problems,…

Stop Fighting Your Layouts: The Real Power of CSS Grid

You know CSS Grid exists. You’ve probably used display: grid and maybe even grid-template-columns: 1fr 1fr 1fr to make a…

1/1

Fade transitions

Fade transitions provide a smooth crossfade between slides instead of sliding motion. Numbered pagination lets visitors jump directly to any slide.

Groundworx Query Filters

Query Filters 1.0.1: Custom Sort Options via PHP

The Filter Orderby block now supports custom sort options registered through PHP. Sort by custom fields, combine multiple sort criteria,…

Groundworx Core Blocks

Groundworx Core Is Now a Bundle — And Every Plugin Is Available Separately

Big news: Groundworx Core has been restructured. What was one large plugin is now a bundle of four focused plugins…

Elementor vs WordPress Gutenberg

Why I Choose Gutenberg Over Elementor

Elementor solved a real problem. WordPress needed a visual editor. People wanted to drag and drop, see changes in real…

Groundworx Core Blocks

Groundworx Core Filter Block Overhaul & Accordion/Tabs Enhancements

This batch of updates focuses on two areas: making the Filter blocks more robust, and adding flexibility to Accordion and…

We Finally Have Tutorials!

One of my goals for Groundworx has always been solid documentation. Not just “here’s a block, good luck” – but…

Groundworx Core Blocks

Groundworx Core 1.3.1: Bug Fixes & Improvements

Quick maintenance release with important fixes:

AI ChatGPT

I Use AI Every Day. But I’m Not Adding It to My Products Yet.

Here’s where I stand as a developer: I use AI every day. It helps me code faster, think through problems,…

Stop Fighting Your Layouts: The Real Power of CSS Grid

You know CSS Grid exists. You’ve probably used display: grid and maybe even grid-template-columns: 1fr 1fr 1fr to make a…

Static Flow

Manual carousel with full control over each slide. Add any blocks inside—videos, images, text, buttons, whatever you need. Set loop mode, slide justification, width, and animation duration. Pause inactive media keeps videos from playing until their slide is active. Add a progress bar, pagination dots, or arrows. Perfect for testimonials, video galleries, or feature showcases.

Video carousel with autoplay

Auto-playing video slides with a progress bar indicator. Pause inactive media keeps videos from playing until their slide is active.

Grayscale inactive slides

Grayscale inactive slides create visual hierarchy by desaturating slides until they become active, making the current content pop.

1/1

Mixed content slides

Mix any block types in your slides—Media Cards, Media Content Split, Card Overlays—each with its own layout and animations.

Media Card


some content

Media & Content Split

Card Overlay Landscape

Card with content overlay that adapts to container size, this is Landcape mode.

Accordion Block

Multi-open (Toggle) mode

Multiple panels can be expanded simultaneously

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.

Can even set the default padding of the content to 0!

Card

Single-open (Radio) mode

Only one panel open at a time (others close automatically)

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Card

Accordion Block

Multi-open (Toggle) mode

Multiple panels can be expanded simultaneously

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.

Can even set the default padding of the content to 0!

Card

Single-open (Radio) mode

Only one panel open at a time (others close automatically)

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Card

Tabs Block

Horizontal Tab

Tabbed content with automatic breakpoint fallback to accordion

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.

Can even set the default padding of the content to 0!

Close-up of computer RAM modules on a motherboard, representing the futility of future-proofing technology purchases

Card

Vertical Tab

Tabbed content with automatic breakpoint fallback to accordion

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Card

Tabs Block

Horizontal Tab

Tabbed content with automatic breakpoint fallback to accordion

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.

Can even set the default padding of the content to 0!

Card

Vertical Tab

Tabbed content with automatic breakpoint fallback to accordion

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization

Card

Let’s solve what’s holding you back.

Ready to Build Better WordPress Sites?

Join agencies and freelancers who’ve stopped fighting with page builders