Component gallery
68 components of the www engine, 18 popular— the shapes that earned their place on two sites or more. Grouped by section type, so look-alikes sit next to each other; every one of them shows its props, its source and its samples.
Hero3
The first screen: title, pitch, picture, buttons.
Features & lists7
Grids and lists of benefits, services, steps, products, checklists.
| Component | Sites |
|---|---|
| FeatureCardspopular sub-blocks: Feature | 4 |
| FeatureAsidepopular | 2 |
| FeatureList | — |
| FeatureSection sub-blocks: FeatureItem | 1 |
| ChecklistSectionpopular sub-blocks: ChecklistItem | 2 |
| Steps sub-blocks: Step | 1 |
| Workflow sub-blocks: WorkflowStep | 1 |
Compare1
Things side by side with equal weight: products, builder images, code samples.
| Component | Sites |
|---|---|
| Comparepopular sub-blocks: CompareItem | 3 |
Text & prose2
Words rather than grids: mission, about, certification texts, questions and answers.
| Component | Sites |
|---|---|
| Prosepopular sub-blocks: ProseAside, ProseItem | 3 |
| Faqpopular sub-blocks: Question | 2 |
Call to action6
Banners that ask for the next step.
| Component | Sites |
|---|---|
| CtaBanner | 1 |
| CtaCenteredpopular | 2 |
| CtaSplit | 1 |
| CtaPrice | — |
| CtaPanel | — |
| CtaBrandPanel | 1 |
Stats3
Big numbers.
| Component | Sites |
|---|---|
| StatsBanner sub-blocks: Stat | 1 |
| StatsSplit | — |
| StatsRow | 1 |
Dynamic content2
The only sections that are not static: the form posts to a receiver behind Turnstile, the portfolio pulls its projects from Redmine at build time.
| Component | Sites |
|---|---|
| ContactFormpopular | 4 |
| PortfolioSectionpopular | 3 |
Pricing3
Price cards and plans.
| Component | Sites |
|---|---|
| PricingCards sub-blocks: Plan | — |
| PricingWide | — |
| PricingSingle | 1 |
Dividers4
Narrow visual bands between the big sections, whatever they carry: client logos, trust marks, a single line of text.
| Component | Sites |
|---|---|
| Logospopular sub-blocks: Logo | 2 |
| LogoCards | — |
| Strip | 1 |
| BannerImage | 1 |
Testimonials2
Quotes with a face and a role.
| Component | Sites |
|---|---|
| Testimonials sub-blocks: Testimonial | 1 |
| Quotes sub-blocks: Quote | — |
Models (product catalog)4
A product catalog and its model pages. The control-unit product card (ModelPageSection and its sub-blocks) is one block from the designer, kept verbatim: it is compact, and the other sections do not fit inside it (Kirill, 2026-08-26).
| Component | Sites |
|---|---|
| ProductCards | 1 |
| ProductList sub-blocks: Product | 1 |
| ProductPromo | 1 |
| ModelPageSection sub-blocks: AttachmentItem, AttachmentsSection, DistributorItem, DistributorsSection, ErrorCodesSection, HighlightItem, HighlightsSection | 1 |
Gallery & files2
Pictures with captions, attachments.
| Component | Sites |
|---|---|
| Gallery sub-blocks: GalleryItem | 1 |
| Downloads sub-blocks: DownloadItem | — |
Layout & internals3
Not slides: Header and Footer are rendered by the layout, the underscore files are the shells the sections are built from. Content never uses them directly.
Source links point to engine-astro@1be572d9. Samples are demo content: the components are the real ones, the copy and the pictures are made up.