Component library

Reusable UI, browsable in one place

React components live in Storybook. Plain HTML/CSS/JS page templates (nav bars, heroes, galleries, footers) are dependency-free files you can open directly — no build step.

React components

Interactive, themeable, browsable in both light and dark mode.

Open Storybook Select, DatePicker, TimePicker, PhoneInput, ImageCropPicker, Button, Navbar, Hero, Footer, AccountMenu →

Vanilla HTML templates

Structural page scaffolding for static (non-React) sites — open any of these directly.

Navbar
Sticky nav, working hamburger menu below 768px.
Hero
Eyebrow / headline / subheading / CTAs.
Photo gallery hero
Full-bleed rotating photo hero, simple crossfade.
Photo gallery hero (dynamic)
Swipe transition + slow Ken Burns zoom. Proven on thehoundpub.
Buttons
4 variants × 3 sizes as plain CSS classes.
Footer
Link columns + bottom legal bar, optional contact row.
Phone input
Country picker + NANP-rule formatting/validation.
Bulletin widget embed
Copy-paste snippet + static preview of the widget markup.
Bulletin blog post template
Per-business blog-post starting point.
Bulletin blog index template
Optional blog index starting point.

Style presets

Buttons/Hero/Navbar/Footer each come in three extra visual treatments (shape, typography, layout — not just a color swap), so sites don't default to the same look. Same idea exists as a `preset` prop on the React components — see Storybook's "Style presets"/"Preset:" stories on each component.

Editorial warm — handcrafted, small-business feel

Navbar
Solid warm surface, serif brand, no blur.
Hero
Text + real photo side by side, serif headline.
Buttons
Full pill shape, underlined secondary.
Footer
Serif pull-quote above the link columns.
Photo gallery hero
Warm-tinted overlay, serif headline, pill controls.
Phone input
Fuller-rounded field + country picker.

Bold editorial — energetic, high-contrast

Navbar
Thick border, bold uppercase tracked links.
Hero
Oversized left-aligned type, no image needed.
Buttons
Sharp corners, thick outline border, uppercase.
Footer
Giant closing headline, thick accent top border.
Photo gallery hero
Left-aligned oversized type, sharp square controls.
Phone input
Sharp corners, thick 2px field border.

Minimal structured — quiet, premium/professional

Navbar
Hairline border, underline-on-hover only.
Hero
Tight column, mono eyebrow with a rule beneath.
Buttons
Small radius, tracked-out uppercase label.
Footer
Hairline dividers between columns.
Photo gallery hero
Narrower column, mono eyebrow, outline controls.
Phone input
Small radius, quiet tracked-out label.