Give feedback as an early user and get the docs plus a full website free. Code FRIEND: valid on one-time purchases only.

Components

All components are built with Eleventy, styled, responsive, and ready to drop into your project. Pick one below to see usage examples and customization options.

Header

Responsive navigation bar with logo, menu links, and a mobile drawer.

Hero

Above-the-fold section with headline, supporting copy, and CTA buttons.

Services

Showcase your offerings in a clean, scannable grid of service cards.

About

Tell your story with text, imagery, and supporting highlights.

Side By Side

Alternating image-and-text rows for features or storytelling.

Gallery

Responsive image grids and lightboxes to display your work.

Reviews

Customer testimonials and star ratings that build trust.

FAQ

Accordion-style answers to your most common questions.

CTA

Conversion-focused call-to-action banners and buttons.

Footer

Site footer with links, contact info, and social icons.

Pricing

Pricing tables and plan comparisons for any offer.

Why Choose Us

Highlight your key differentiators and value props.

Forms & Contact

Contact forms, inputs, and validation-ready patterns.

Interior Pages

Ready-made layouts for inner and sub-pages.

Content Flair

Decorative accents and flourishes to enrich your content.

Meet Our Team

Introduce team members with photos, roles, and bios.

Steps

Numbered step-by-step and how-it-works sections.

Stats

Eye-catching numbers and metrics that prove impact.

Events

List upcoming events with dates, times, and details.

MISC

Miscellaneous helpers and smaller building blocks.

Quotes

Pull-quotes and highlighted statements for emphasis.

Buttons

Button styles, sizes, and states ready to drop in.

Dark Mode

Theme toggling and dark-mode-ready styling.

Blog

Blog post layouts, listings, and article templates.

Ecommerce

Product cards, carts, and storefront building blocks.

Components live in your project's components folder src/_includes/components/