Needs a11y review
Full-bleed image hero
Awaits manual assistive-technology review. Do not ship unreviewed.
UI blocks
UI blocks catalogue
Section-level building blocks from the Emily Components manifest — heroes, navigation, conversion sections, page templates, and more. Every entry below is generated from component-manifest.json, so statuses are honest: 110 of 132 blocks in these categories are built today. Everything built is free and public. No sign-up, no gating.
Heroes
Opening sections that set the page purpose.
Built
Homepage hero
Preview and copy the HTML
Built
Service page hero
Preview and copy the HTML
Built
Local area hero
Preview and copy the HTML
Built
Landing page hero
Preview and copy the HTML
Built
Campaign/PPC hero
Preview and copy the HTML
Built
Text-and-image split hero
Preview and copy the HTML
Built
Centred text hero
Preview and copy the HTML
Built
Hero with CTA pair
Built
Hero with trust badges
Preview and copy the HTML
Built
Hero with review proof
Preview and copy the HTML
Built
Hero with quote form
Preview and copy the HTML
Built
Hero with availability/emergency message
Preview and copy the HTML
Conversion
CTA bands, forms, and enquiry sections.
Built
CTA banner
Preview and copy the HTML
Built
Split CTA section
Preview and copy the HTML
Planned
Sticky CTA rail
Not built yet.
Built
Floating call button
Preview and copy the HTML
Built
Mobile sticky call button
Preview and copy the HTML
Built
Callback request section
Preview and copy the HTML
Built
Short enquiry form
Preview and copy the HTML
Built
Detailed quote form
Preview and copy the HTML
Needs JS
Multi-step quote form
Waits for emily-js behaviours. Listed for transparency — not production-ready.
Needs JS
Photo-upload quote form
Waits for emily-js behaviours. Listed for transparency — not production-ready.
Built
Contact choice cards
Preview and copy the HTML
Deferred
Booking/availability widget
Parked until there is real demand.
Built
Lead magnet/download form
Preview and copy the HTML
Built
Thank-you confirmation panel
Preview and copy the HTML
Deferred
Quote estimate/result panel
Parked until there is real demand.
Trust
Testimonials, logos, credentials, and proof.
Built
Testimonials grid
Preview and copy the HTML
Needs JS
Testimonials carousel
Waits for emily-js behaviours. Listed for transparency — not production-ready.
Planned
Review wall
Not built yet.
Deferred
Google reviews embed pattern
Parked until there is real demand.
Built
Accreditation logo strip
Built
Partner logo strip
Built
Trust badges section
Built
Insurance/guarantee block
Preview and copy the HTML
Built
Warranty/aftercare block
Preview and copy the HTML
Built
Founder/owner credibility section
Preview and copy the HTML
Built
Team section
Preview and copy the HTML
Built
Local proof section
Preview and copy the HTML
Built
Public-sector/design-system credibility block
Preview and copy the HTML
Built
Accessibility and quality assurance block
Preview and copy the HTML
Services
Service grids, feature lists, and pricing sections.
Built
Services grid
Built
Featured services
Preview and copy the HTML
Built
Service intro section
Preview and copy the HTML
Built
Problem/solution blocks
Preview and copy the HTML
Built
Common issues section
Preview and copy the HTML
Built
Maintenance plan section
Preview and copy the HTML
Built
Packages/pricing section
Preview and copy the HTML
Needs a11y review
Comparison table
Awaits manual assistive-technology review. Do not ship unreviewed.
Built
Process/how-it-works section
Preview and copy the HTML
Built
Related services section
Preview and copy the HTML
Built
Service area list
Preview and copy the HTML
Built
Postcode/town coverage section
Built
Emergency service section
Preview and copy the HTML
Built
Payment/finance options block
Preview and copy the HTML
Content
About, FAQ, process, and informational sections.
Needs a11y review
FAQ accordion
Awaits manual assistive-technology review. Do not ship unreviewed.
Built
Content intro block
Built
Text-only editorial section
Preview and copy the HTML
Built
Text and image section
Preview and copy the HTML
Built
Pull quote section
Preview and copy the HTML
Built
Numbered process
Built
Checklist section
Preview and copy the HTML
Built
Warning/advice block
Preview and copy the HTML
Built
Download/resource section
Preview and copy the HTML
Built
Blog/news grid
Preview and copy the HTML
Built
Related articles section
Preview and copy the HTML
Built
Internal link cluster
Preview and copy the HTML
Deferred
Map/location section
Parked until there is real demand.
Built
Opening hours section
Preview and copy the HTML
Built
Contact details section
Preview and copy the HTML
Media
Galleries, image features, and media layouts.
Built
Gallery grid
Preview and copy the HTML
Built
Masonry gallery
Preview and copy the HTML
Needs JS
Lightbox gallery
Waits for emily-js behaviours. Listed for transparency — not production-ready.
Needs JS
Before/after slider
Waits for emily-js behaviours. Listed for transparency — not production-ready.
Built
Recent work grid
Built
Portfolio grid
Built
Case study teaser section
Preview and copy the HTML
Built
Case study detail layout
Preview and copy the HTML
Built
Project facts panel
Built
Video section
Preview and copy the HTML
Built
Image/text alternating section
Preview and copy the HTML
Page templates
Full-page compositions assembled from the blocks above.
Built
Homepage
Preview and copy the HTML
Built
About page
Preview and copy the HTML
Built
Contact page
Preview and copy the HTML
Built
Services index
Preview and copy the HTML
Built
Single service page
Preview and copy the HTML
Built
Service-area index
Preview and copy the HTML
Built
Single location/service-area page
Preview and copy the HTML
Built
Case studies index
Preview and copy the HTML
Built
Single case study
Preview and copy the HTML
Built
Reviews/testimonials page
Preview and copy the HTML
Needs a11y review
FAQ page
Awaits manual assistive-technology review. Do not ship unreviewed.
Built
Blog/news index
Preview and copy the HTML
Built
Single article page
Preview and copy the HTML
Built
Pricing/packages page
Preview and copy the HTML
Built
Gallery/portfolio page
Preview and copy the HTML
Built
Legal/privacy page
Preview and copy the HTML
Built
Terms page
Built
Accessibility statement page
Preview and copy the HTML
Built
Cookie policy page
Built
404 page
Preview and copy the HTML
Built
Thank-you page
Preview and copy the HTML
Built
Coming soon page
Preview and copy the HTML
Built
Maintenance page
Preview and copy the HTML
Built
PPC landing page
Preview and copy the HTML
Built
Campaign landing page
Preview and copy the HTML
Built
Grant/funding-led landing page
Preview and copy the HTML
Built
Lead magnet landing page
Preview and copy the HTML
Built
Quote request page
Preview and copy the HTML
Planned
Booking page
Not built yet.
Built
Event or promotion page
Preview and copy the HTML
Built
Comparison landing page
Preview and copy the HTML
Built
Local SEO landing page
Preview and copy the HTML
Rules for consumers
- Only Built blocks have working, documented examples. Copy those freely.
- Needs JS blocks wait for emily-js behaviours — they are listed for transparency, not for copying into production.
- Needs a11y review blocks await manual assistive-technology testing. Do not ship them unreviewed.
- Planned and Deferred blocks do not exist yet.
See the full per-entry breakdown on the component build status page, or copy pattern HTML from the component reference.