• Start Here
  • Platform Builds

    Full custom platform builds.

    Tome

    The platform we build on.

    Case Studies

    Proof — what we've shipped.

  • About
  • Contact
Login
Block Library

Categories

Bundles

Library/Extras

Extras

Pro

The full catch-all set: heroes, sections, cards, features, marquees, lexical embeds, and more.

Section

section
ProVNGD

Container section with background color and spacing controls

Source code available to entitled users.

Spacer

spacer
ProWabbit

Vertical spacing with responsive visibility controls

01
Source code available to entitled users.

Grid

grid
ProVNGD

CSS grid container with configurable columns and gap

Source code available to entitled users.

Layout Grid

layoutGrid
ProTome

Editor-composed CSS-grid layout container. Drop existing blocks into cells and nudge spans; pick a curated starter template (two-up + image, quad, tri-column, feature + sidebar, banner + trio, even split).

Layout grid — add blocks to the cells
Two-up + tall imageFour cards two-up on the left, one tall image holding the right (6 cols).
Layout grid — add blocks to the cells
Quad gridFour equal cells in a row — collapses two-up on tablet (4 cols).
Layout grid — add blocks to the cells
Tri-columnThree equal columns — the classic feature/benefit row (3 cols).
Layout grid — add blocks to the cells
Feature + sidebarA dominant feature/image beside a stacked pair — asymmetric, editorial (12 cols).
Layout grid — add blocks to the cells
Banner + trioOne full-width banner over a three-up — a section opener (6 cols).
Layout grid — add blocks to the cells
Even splitA clean 50/50 — image beside a single statement block (2 cols).
Source code available to entitled users.

Stacking Wrapper

stacking-wrapper
ProWabbit

Container that stacks child blocks with parallax effect on scroll

Renderer for "stacking-wrapper" is not registered. Call registerGalleryPackComponents('extras', map) before rendering.
Source code available to entitled users.

Content

content
ProWabbit

Multi-column rich content block with configurable 14-column grid

Six Days on Islands the Ferries Don’t Advertise

Nate Whitfield spent a decade sailing this stretch of coast before he ever designed a Fernway itinerary from it, and it shows: the route he built skips every dock with a gift shop and lands instead on three islands most travel agents can't find on a map.

That is the difference between a packaged tour and a trip designer who has actually stood on the pier. Fernway has built more than 500 trips this way since 2016, and the 4.9 average rating is mostly people saying some version of the same thing — they went somewhere they couldn't have found on their own.

Read the Full Trip Story
Source code available to entitled users.

Text Block

text-block
ProVNGD

Rich text content with optional links

Why Postbox doesn't have a drag-and-drop builder

Read the full postSee Postbox pricing
Source code available to entitled users.

Code Block

code
ProTome

Syntax-highlighted code snippet

typescript
import { Lumen } from '@lumen/analytics'

const lumen = Lumen.init({
  writeKey: process.env.LUMEN_WRITE_KEY,
  app: 'web',
})

// Fires on every completed checkout
lumen.track('checkout_completed', {
  planId: 'growth',
  amountCents: 4900,
  currency: 'USD',
})

// Ties the event to a known user for cohort + retention views
lumen.identify(user.id, {
  email: user.email,
  plan: 'growth',
})
Track a conversion event and identify the user in three lines — the core of the Lumen tracking SDK, running at 84ms p50 across 2B+ events a month.
Source code available to entitled users.

Section Header

section-header
ProWabbit

Section title with optional category badge, description, and CTA

Renderer for "section-header" is not registered. Call registerGalleryPackComponents('extras', map) before rendering.
Source code available to entitled users.

Content Two Column

content-two-column
ProWabbit

Two-column layout with text or media in each column

The Birchwood Studio: A Small Building That Does a Lot

Owen Marsh designed the Birchwood Studio as a single 340-square-foot room, and then spent most of the budget making sure that room answered to its site — a north-facing clerestory for even light, and a foundation set to follow the existing grade rather than flatten it.

It is one of the smaller projects in Harbor & Pine's 60-plus completed builds, and one of the three that earned an AIA Maine chapter award.

Source code available to entitled users.

Article Hero

article-hero
ProWabbit

Post/article header with byline, breadcrumbs, read time, and configurable background. One block, post + chapter variants.

The Foldline/Notes from the Editor

What Twenty-Two Thousand Subscribers Taught Us About Slowness

Five years into publishing a quarterly in an industry built on daily output, our editor-in-chief on why The Foldline still ships four times a year — and why that constraint is the whole point.

Wren Sato
March 14, 202612 min read
Read More
PostBlog/news header — byline + published date emphasis.
The Foldline/Issue No. 14

The Case for Objects That Don’t Update

A cast-iron pan, a mechanical watch, a well-built chair — none of them ship patches. In Issue No. 14, we ask what a subscription economy has cost us in things worth keeping, and what a handful of makers are doing to build outside it.

Wren Sato
February 1, 202622 min read
Read the EssayBack to Issue No. 14
ChapterBook/guide section header — part/chapter emphasis, author optional.
Source code available to entitled users.

Bento Section

bento-section
ProWabbit

Bento grid layout with headline, gallery, and optional sidebar quote

Behind the Lens

Every production starts on location, months before a camera rolls. We spend the first weeks with the people whose story we are telling — because the right shot only exists once you understand what you are actually looking at.

These are the stills that shaped Low Tide and the Signal brand-film series, pulled from the cutting-room floor.

Dawn call on the Low Tide shoot — third day on the flats.

Beckett Cho storyboarding the second Signal installment.

Iris Callahan reviewing dailies on set.

Atlas Motion didn't just film our launch — they found the story inside it. Six Vimeo Staff Picks later, I understand why every director wants to work with them twice.
Renata KovačHead of Brand, an independent apparel label
Source code available to entitled users.

Card Grid

card-grid
ProWabbit

Grid of cards with media, text, and links

Email Marketing Without the Bloat

No CRM you did not ask for, no AI features bolted onto the send button. Just a fast editor and inbox placement you can trust — built for the 6,200+ independent creators and small teams who use Postbox.

zap

Send in Minutes, Not Days

A drag-free editor that gets out of your way. Write, preview, send — no template purgatory.

See the Editor
inbox

98.6% Inbox Placement

We monitor deliverability the way a mail carrier watches the weather — constantly, and before it becomes your problem.

How We Do It
wallet

Plans That Fit a Solo Operation

Solo at $15/mo, Team at $49/mo, Scale at $149/mo — priced for a creator, not a marketing department.

Compare Plans
Source code available to entitled users.

Card

card
ProWabbit

Standalone card with media, text, and link options

Ridgeline 45L — Lifetime Warranty on Every Hard Good

Built in Bozeman since 2014 to carry real mileage. If a buckle, frame stay, or zipper pull fails on the trail, we replace it — no receipt archaeology required.

Shop the Ridgeline 45LSee the Warranty
Source code available to entitled users.

Changelog

changelog
ProWabbit

Release notes / version history with dated entries

Renderer for "changelog" is not registered. Call registerGalleryPackComponents('extras', map) before rendering.
Source code available to entitled users.

Checklist

checklist
ProWabbit

Styled list with configurable icons and states

What's included on every Fernway itinerary

  • ✓A dedicated trip designer from first call to final day
  • ✓A custom day-by-day plan built around how you actually travel
  • ✓Vetted local partners in 30 countries
  • ✓Hidden booking fees or surprise add-ons
  • ✓On-trip support in your destination's time zone
Source code available to entitled users.

Content Pro

content-pro
ProWabbit

Premium content — an editorial prose body, a blog post body, content with a scrolling marquee, or content paired with a bento grid. One block, four variants.

Case Study

The brief was simple to state and hard to solve: a 40-year-old hardware manufacturer needed an identity that read as established without reading as dated. Northlight's answer was to strip the existing mark to its structural bones — a single interlocking form buried under three decades of gradients and drop shadows — and rebuild the system around it.

The resulting identity shipped across packaging, a rebuilt e-commerce site, and a fleet livery refresh for 40 service vehicles. Internal adoption was immediate; the client's own sales team began using the new mark on pitch decks before the formal rollout date.

Scope: Brand identity, packaging system, web design.

Timeline: 14 weeks, discovery to launch.

Team: Simone Ardah (creative direction), 4 Northlight designers.

ProseEditorial body text — measure, pacing roles, optional sidebar, drop cap + end mark.
PostBlog post body — a section title over rich content.

Roasted in small batches, brewed with intent

MarqueeRich content with an optional scrolling-text marquee above or below.
BentoContent section paired with a bento grid of media items.
Source code available to entitled users.

Content With Corner Notch

content-with-corner-notch
ProWabbit

Two-column content block with decorative corner notch

Identity systems for brands that mean it

Under creative director Simone Ardah, Northlight Studio has built the identity, packaging, and web presence for more than 120 brands since 2013 — a team of 18 that stays small on purpose so every mark still gets a principal's attention.

The corner notch is your attention anchor: place a stat, a CTA, or an icon exactly where the eye lands on entry.

Brands launched
120+
Team members
18
Source code available to entitled users.

Custom Hero

custom-hero
ProVNGD

Unified VNGD hero with 20+ design versions including COP tactical layouts, SITREP post headers, and classic marketing variants

UNCLASSIFIEDNorthlight Studio

Brand Systems Built to Outlast a Rebrand Cycle

Identity, packaging, and web design for brands that mean it. Since 2013, Simone Ardah's team of 18 has launched more than 120 brands — small enough that a principal touches every mark.

View Our WorkStart a Project
Source code available to entitled users.

Custom Block

custom
ProVNGD

Site-specific custom block container with type selector

Source code available to entitled users.

Hero Pro

hero-pro
ProWabbit

Premium hero — a type-forward editorial opener or an image-dominant masthead. One block, typography + image variants.

See the Moment Your Product Clicks

Event tracking, funnels, session replay, and cohort retention — built for teams that ship fast.

Lumen tracks over 2 billion events a month at an 84ms p50 API response time, with 99.97% rolling uptime. More than 1,400 product teams use it to see exactly where users stall, and why.

Start Free Trial
TypographyType-forward editorial opener with sized headline/subheadline + background.
ImageImage-dominant hero — a single fitted image with a text theme.
Source code available to entitled users.

Image Marquee

image-marquee
ProWabbit

Scrolling marquee with text or images mode

Source code available to entitled users.

Lexical Banner

lexical-banner
ProVNGD

Inline banner/callout block for use inside Lexical richText editors

calendar
Booking Now Open — Spring 2026

Our spring calendar is filling fast. Driveways, decks, and siding are booking same-week through October — family-owned and operated since 2012, with 4.9 stars from 300+ reviews. Get a free instant quote, no obligation.

Source code available to entitled users.

Document Embed

lexical-document-embed
ProVNGD

Inline document embed block for use inside Lexical richText editors

Source code available to entitled users.

Entity Reference

lexical-entity-reference
ProVNGD

Inline entity reference block for use inside Lexical richText editors

Referenced Entity
Source code available to entitled users.

Motion Text

lexical-motion-text
ProVNGD

Animated text block with word-by-word motion effects for Lexical richText editors

We tell stories boldly. honestly. on schedule.

Source code available to entitled users.

Marquee

marquee
ProWabbit

Scrolling text marquee with speed and direction controls

Ridgeline 45L · Talus Softshell · Cairn Trekking Poles · Switchback 2P Tent — Gear That Outlasts the Trail

Ridgeline 45L · Talus Softshell · Cairn Trekking Poles · Switchback 2P Tent — Gear That Outlasts the Trail

Source code available to entitled users.

Page Hero

page-hero
ProVNGD

Standard page header hero with headline, subtext, and optional background image

Studio/Buildings That Answer to Their Site
PUBLICHarbor & Pine Architecture

Buildings That Answer to Their Site

A Portland, Maine studio building residential and light-commercial architecture rooted in materials, light, and the particulars of place. Founded in 2011 by Sarah Lindqvist and Owen Marsh — 60+ completed projects, three AIA Maine chapter awards.

View Our ProjectsStart a Project
Source code available to entitled users.

Post Notice

post-notice
ProWabbit

Callout or notice block for blog posts

Case Study Update

This case study was updated on 3 June 2026 to reflect the final production palette approved after client review. The packaging mockups in the original post showed an interim color pass; the images below now match what shipped to retail.

Source code available to entitled users.

Project Info

project-info
ProWabbit

Case study or project information block with rich text description

Client: Private residence, Cushing, Maine. Completed 2023 — 2,400 sq ft, three bedrooms, cedar-clad exterior with a standing-seam roof.

The Cormorant House sits on a granite ledge overlooking the tidal flats, and the plan follows the site's slope rather than fighting it — the living spaces step down toward the water in three shallow terraces.

Design: Sarah Lindqvist and Owen Marsh, Harbor & Pine. Timber framing by a Maine-based crew the studio has worked with since 2013.

Source code available to entitled users.

Pull Quote

pull-quote
ProVNGD

Highlighted quotation with attribution and optional portrait

We don't keep objects because they are efficient. We keep them because they have started to remember us back — the worn grip, the sticking drawer, the chip in the mug that tells you which one is yours without looking.

Alex OkonjoContributing Writer, The Foldline
Source code available to entitled users.

Related Items

related-items
ProWabbit

Display related items from any collection

Related Projects

More residential and light-commercial work from Harbor & Pine.

Showing related posts (limit: 3)

View All Projects
Source code available to entitled users.

Showcase

showcase
ProWabbit

Video showcase section with headline and background options

120+ Brands, One Studio

Brands We've Launched

DarkDark background showcase with accent highlight on featured content.

Recent Work

MinimalBorderless showcase — clean typography, no card surfaces.
Source code available to entitled users.

Signature

signature
ProWabbit

Author signature block with optional avatar

Wren SatoEditor-in-Chief, The Foldline
Source code available to entitled users.

Skill Showcase

skill-showcase
ProWabbit

Portfolio skill bars with profile and accent images

Since 2014, Meridian Trailworks has built gear in Bozeman, Montana on one rule: nothing leaves the shop that we wouldn't carry ourselves on a two-week traverse.

Every hard good — the Ridgeline 45L pack, Cairn trekking poles, Switchback 2P tent — carries a lifetime warranty, because we test to the failure point before we test to the spec sheet.

Materials Sourcing92%
Stitching & Reinforcement96%
Field Testing98%
Warranty-Grade Construction95%
Source code available to entitled users.

Study Hero

study-hero
ProWabbit

Case study / portfolio hero with full-bleed image, title overlay, and category tags

Brand IdentityPackagingCase Study

Rebuilding a Legacy Hardware Brand for a New Generation

2026-02-11T00:00:00.000Z
Source code available to entitled users.

Still deciding?

Let's make something worth keeping.

Start a conversation ↗

No pitch deck, no countdown timer. One conversation about what you're building — and the truth about what it takes.

We read everything that comes in.

Big Ideas, Built Better -

Big Ideas, Built Better -

Build with us

  • Platform Builds
  • Static Sites
  • Architecture Sprint
  • Pricing

Proof

  • Work / Case Studies
  • The Validation Laboratory
  • Tome

Learn

  • Start Here
  • The Library
  • Wabbit EDU

Wabbit

  • About
  • Contact
  • Login

Copyright © Wabbit 2026

Privacy · Terms · Refunds & Returns · License · Support · Continuity