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

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