Home
Getting Started
Project Tour
Editing a Page
Customizing Your Brand
Building a Page Section
How Visual Editing Works
Component Builder
Building Blocks
Core Elements
Heading
Text
Image
Button
Counter
Definition List
Divider
Embed
Icon
List
Pagination
Simple Text
Spacer
Testimonial
Video
Wrappers
Card
Split
Grid
Accordion
Button Group
Carousel
Content Selector
Forms
Form
Input
Date
Submit
Choice Group
File Upload
Hidden
Segments
Select
Slider
Textarea
Page Sections
Heroes
Hero Center
Hero Split
Features
Feature Grid
Feature Split
Info Blocks
FAQ Section
People
Team Grid
Testimonial Section
CTAs
CTA Center
CTA Form
CTA Split
Builders
Custom Section
Eferns
Experiment Log
Failure Postmortem
Guide Shelf
Myth vs Metric
Plant Profile Grid
Seasonal Checklist
Yard KPI Strip
Navigation
Bar
Footer
Main Nav
Mobile
Side
Back to site
Home
Getting Started
Project Tour
Editing a Page
Customizing Your Brand
Building a Page Section
How Visual Editing Works
Component Builder
Building Blocks
Core Elements
Heading
Text
Image
Button
Counter
Definition List
Divider
Embed
Icon
List
Pagination
Simple Text
Spacer
Testimonial
Video
Wrappers
Card
Split
Grid
Accordion
Button Group
Carousel
Content Selector
Forms
Form
Input
Date
Submit
Choice Group
File Upload
Hidden
Segments
Select
Slider
Textarea
Page Sections
Heroes
Hero Center
Hero Split
Features
Feature Grid
Feature Split
Info Blocks
FAQ Section
People
Team Grid
Testimonial Section
CTAs
CTA Center
CTA Form
CTA Split
Builders
Custom Section
Eferns
Experiment Log
Failure Postmortem
Guide Shelf
Myth vs Metric
Plant Profile Grid
Seasonal Checklist
Yard KPI Strip
Navigation
Bar
Footer
Main Nav
Mobile
Side
Button
Component Builder
Export Component
Build
Preview
Code
Astro
Inputs YAML
Structure Value
Export Component
Category
Or enter a custom category:
Component Name
Use kebab-case (lowercase with hyphens)
After downloading, unzip the file and place the component in:
/src/components/page-sections/my-category/my-component
Astro
Inputs YAML
Structure Value