Skip to main content
SlateHutSlateHut

Block library

Every section you can add to your site

Browse what ships with SlateHut before you sign up. In the editor, the same list lives under Add section: pick a block, fill the fields, publish.

Start freeBack to home

Layout

8 blocks

  • Navigation

    Top bar with your brand, links, and optional CTA.

  • Hero

    Headline, CTAs, imagery — background fill (gradient, solid, photo), patterns, splits, stacked/full-bleed/centered with optional below-fold image, trust row, highlights.

  • Animated hero

    Hero with animated gradient, optional word marquee, and floating shapes — extends the standard hero.

  • Announcement banner

    Thin announcement or notification strip with optional link and icon.

  • Split columns

    Two columns for compare-and-contrast stories.

  • Image & text

    Photo or graphic beside a headline and body copy.

  • Bento grid

    Asymmetric feature cells in a bento-style grid.

  • Feature showcase

    Sticky scroll feature sections with alternating media and bullet lists.

Content

14 blocks

  • Text section

    Simple heading plus paragraph—great for policy or bios.

  • Rich block

    Long-form content with headings, lists, and formatting.

  • Features grid

    Selling points: icon grid or alternating image rows (layout + per-item imageUrl/imageAlt), optional subheading.

  • Stats row

    Key metrics in a clean horizontal row.

  • Metrics band

    Animated or static KPI band with count-up numbers.

  • Team grid

    Team member grid with avatars, roles, bios, and social links.

  • Callout box

    Highlighted callout box for tips, warnings, or important notes.

  • List / grid (static)

    Manually edited cards or rows (team, services, resources).

  • CMS index block

    Repeating cards loaded from a content collection (blog posts, directory, etc.).

  • CMS detail block

    Renders one CMS entry on detail URLs from your collection fields.

  • How it works

    Numbered or icon steps for your process.

  • Timeline

    Milestones, roadmap, or history.

  • Comparison

    Side-by-side comparison (not full pricing tables).

  • Comparison table

    Full pricing-style comparison table with CTAs per column.

Media

7 blocks

  • Image gallery

    Rows of images with optional captions.

  • YouTube video

    Responsive embedded video player.

  • Google Map

    Location map visitors can pan and zoom.

  • Custom embed

    Drop in calendars, widgets, or other iframe tools.

  • Scrolling ticker

    Infinite horizontal scrolling ticker for logos, badges, or short text.

  • Logo cloud

    Partner logos in a row, grid, or infinite marquee with optional grayscale.

  • 3D gallery

    Image gallery with mosaic, parallax, tilt stack, or coverflow motion.

Engagement

9 blocks

  • Call to action

    Single focused pitch with one primary button; solid, outline, or muted section variant.

  • Testimonial

    Customer quote with name and role.

  • Testimonials

    Multiple quotes: grid, featured (first quote large), or marquee layout.

  • FAQ

    Accordion-style questions and answers.

  • FAQ accordion

    Native accordion FAQ with grouped, flat, or two-column layout.

  • Logo strip

    Partner or press logos: text names and/or optional image URLs per logo.

  • Pricing

    Plans with prices, bullets, and sign-up buttons.

  • Newsletter signup

    Email capture section with heading, inline input, and submit button.

  • Form (collect responses)

    Collect leads and messages—submissions land in your dashboard.

Structure

3 blocks

  • Divider / spacer

    Breathing room, line, or spacer between sections.

  • Footer

    Bottom links, socials, and copyright.

  • Custom HTML

    Paste or write HTML and optional scoped CSS for layouts that are not covered by standard blocks. Optional AI assist to generate markup.