What are Starter Surfaces?
Starter Surfaces are pre-composed arrangements of blocks that form complete, ready-to-use UI sections. They accelerate development by providing battle-tested starting points.
The starter philosophy
PWFabric follows a composition-first approach. Rather than creating complex, rigid templates, we provide:
- Primitive blocks — the smallest building units (text, button, container, etc.)
- Starter Surfaces — curated compositions of blocks for common patterns
- Full customization — every property can be modified to match your needs
This approach gives you the speed of templates with the flexibility of custom development.
Block vs. Starter Surface
| Blocks | Starter Surfaces |
|---|---|
| Single, atomic UI elements | Pre-composed block arrangements |
| Maximum flexibility | Opinionated but customizable |
| Examples: heading, text, button, image | Examples: Hero, Feature Grid, CTA Banner |
| Compose them to build anything | Copy, paste, and customize |
Starter categories
Marketing
Landing pages, product showcases, and conversion-focused sections.
- Hero
- Feature Grid
- CTA Banner
- Testimonials
- Header
- Footer
Intranet
Internal tools, dashboards, and announcements.
- Dashboard
- Announcements
- Event Calendar
Showcase
Catalog and product-page patterns shipped with the first-party UI pack.
- Block Catalog
- Product Page
- Contact Form
Full-surface starters
End-to-end starter Surfaces materialised at provisioning by their parent World Blueprint.
- Landing Page
- Intranet
- Portfolio
- Dashboard
- Sports Club
- 3-6-3 Sidebar Layout
How to use starters
- Browse the catalog — Explore available starters in the Starter Surfaces reference.
- Copy the surface definition — Each starter includes a JSON definition you can copy directly.
- Customize to your needs — Modify content, colors, spacing, and add or remove blocks as needed.