Websmith Block Library

24 blocks across 6 categories

Full Preview

Hero Blocks

4 blocks
hero-simple

Hero Simple

Minimal hero with heading and subheading. Perfect for clean, focused landing pages.

1 prop
hero-centered

Hero Centered

Centered hero with heading, text, and up to 2 buttons. Optional background image with overlay.

3 props
hero-split

Hero Split

Two-column layout with content on one side and edge-to-edge image on the other. Reversible.

2 props
hero-video

Hero Video

Full-screen video hero with overlay, heading, text, and play button.

1 prop

Content Blocks

5 blocks
content-standard

Content Standard

Simple heading with WYSIWYG content section. The workhorse for text-heavy pages.

1 prop
content-two-column

Content Two Column

Two-column WYSIWYG content with centered heading. Great for comparisons or parallel content.

1 prop
content-accordion

Content Accordion

Expandable accordion items with titles and WYSIWYG content. Ideal for FAQs.

2 props
content-tabs

Content Tabs

Tab navigation with scrollable tabs on mobile. Each tab has its own WYSIWYG content.

2 props
content-quote

Content Quote

Large blockquote with author photo, name, and role. Perfect for testimonials and pull quotes.

1 prop

Card Blocks

5 blocks
cards-standard

Cards Standard

Grid of cards with image, heading, text, and link. Supports 2-4 columns.

2 props
cards-icon

Cards Icon

Feature cards with Font Awesome icons or custom images. Great for features/benefits.

3 props
cards-team

Cards Team

Team member cards with photo, name, role, and optional social links. CPT or manual entry.

3 props
cards-testimonial

Cards Testimonial

Testimonial cards with quote, author, role, photo, and star rating. Grid or slider layout.

4 props
cards-blog

Cards Blog

Latest blog posts with featured image, date, reading time, and excerpt. Filterable by category.

2 props

CTA Blocks

3 blocks
cta-simple

CTA Simple

Centered call-to-action with heading, text, and up to 2 buttons.

2 props
cta-split

CTA Split

Two-column CTA with content on one side and edge-to-edge image. Reversible layout.

2 props
cta-newsletter

CTA Newsletter

Newsletter signup with email input. Supports Gravity Forms integration.

1 prop

Media Blocks

3 blocks
media-gallery

Media Gallery

Image gallery grid with lightbox support. Supports 2-4 columns.

2 props
media-video

Media Video

Embedded video (YouTube/Vimeo) or self-hosted MP4 with poster image.

2 props
media-logos

Media Logos

Client/partner logo showcase. Grid or slider layout with grayscale hover effect.

3 props

Layout Blocks

5 blocks
layout-header

Layout Header

Site header with logo, navigation, and optional CTA button. Supports default, transparent, and sticky styles.

3 props
layout-footer

Layout Footer

Site footer with navigation columns, copyright, and social links.

3 props
layout-spacer

Layout Spacer

Vertical space divider. Choose from small, medium, large, or xlarge sizes.

1 prop
layout-divider

Layout Divider

Horizontal line divider with optional centered icon.

2 props
layout-columns

Layout Columns

Flexible column layout. Equal columns (2-4) or sidebar layouts.

3 props