Skip to content

Trades templates

Templates
Components

Browse components

Primitives

Badge
Button
Choice
Field
Icon
Image
Range
Text

Header

Header

Hero

Hero

Images

Before and after slider
Carousel
Figure
Gallery
Masonry

Services

Services

Trust

Certification strip
Crew cards
Guarantee seal
Maintenance plan tiers
Rating summary
Review cards
Review platform badges
Review slider
Star rating
Stat counters

Process

Numbered steps
Timeline

Pricing

Price cards
Quote estimator

FAQ

Accordion

Service area

Region map
Town list

Contact

Contact block
Contact form
Map

Footer

Footer

Utility

404 block
Announcement bar
Breadcrumbs
Emergency / storm banner
Sticky mobile call bar

Lead capture

Booking slot picker
Callback / text-us button
Quote wizard
Seasonal coupon

Showcase

Jobs near you map
Material visualizer
Project timeline scrubber
Video walkthrough player

Tools

Financing calculator
Material comparison table
ZIP checker

All components
/
Primitives

Image

img

A responsive photo in AVIF and WebP with explicit dimensions, or a wire box at the same ratio.

Skin

Clean LineYard SignClean LineShowroomBlueprintHeritageService Fleet

Content

FilledWire

Surface

BaseAltBrand

Viewport

PhoneTabletDesktop

Desktoplandscape

States

This component has no states to pin.

Try this

Toggle Filled and Wire: the box keeps exactly the same size.

Interaction log

Interact with the component to see its events.