Ready-to-deploy website components
A library of tried-and-tested layouts, forms, and features — each deployable through a single conversation with Claude. Browse a pattern, describe your brand, and Claude builds it live on your server.
Every component, ready to deploy
Each building block is a proven pattern that Claude can generate for your site — styled to your brand, wired to your database, and deployed live through conversation.
Contact Forms
Simple enquiry forms, multi-step quote builders, and lead capture — with PHP handlers, SMTP delivery, honeypot protection, and a MySQL submissions log.
View patterns →Pricing Tables
2-column, 3-column, and monthly/annual toggle layouts — with Stripe Checkout links, feature comparison lists, and highlighted recommended plans.
View patterns →JS Animations
Scroll reveal, GSAP timelines, and CSS keyframe triggers — with video demos for each pattern, ready-to-use Claude prompts, and accessibility best practices built in.
View patterns →Hero Sections
Full-width hero sections with gradient text, rotator headlines, split layouts, and animated CTAs — zero JS dependencies, vanilla CSS only.
View patterns →Image Galleries
CSS Grid masonry galleries, filterable portfolios, and full-screen lightboxes — Intersection Observer lazy loading, no jQuery required.
View patterns →SEO & Structured Data
JSON-LD schemas for every page type — Article, FAQPage, LocalBusiness, Product, HowTo, BreadcrumbList — plus Open Graph meta and XML sitemaps.
View patterns →Navigation & Menus
Sticky top navbars, mobile hamburger drawers, and dropdown mega menus — accessible, keyboard-navigable, and zero framework dependencies.
View patterns →Testimonials
Star-rated quote cards, scrolling logo bars, and featured pull-quote sections — pure HTML/CSS, no Trustpilot widgets, no third-party scripts.
View patterns →Cards & Feature Sections
Icon feature grids, animated stats rows, and comparison tables — pure CSS Grid patterns that showcase your product without any framework dependency.
View patterns →Payment & Checkout
Stripe Checkout Sessions, subscription billing, and deposit payment flows — with confirmation emails and a MySQL orders table. Zero platform commission beyond Stripe.
View patterns →Booking & Scheduling
Appointment booking forms, availability calendars, and Stripe deposit payments — PHP session handling and SMTP confirmations included. No per-booking commission.
View patterns →Authentication & Members
Session-based login, role-based access control, and Stripe subscription gating — with password reset flows, bcrypt hashing, and customer portals.
View patterns →Blog & Article Layouts
Blog index card grids, single article reading pages with sticky TOC, and related posts widgets — PHP, MySQL, Article JSON-LD, and Open Graph meta included.
View patterns →Modals & Overlays
Accessible modal dialogs, GDPR cookie consent banners, and exit-intent popups — keyboard-navigable, focus-trapped, and WCAG 2.1 AA compliant. No jQuery required.
View patterns →Accordions & Tabs
Animated FAQ accordions, accessible tab panels, and nested tree menus — native <details> elements, ARIA roles, and FAQPage JSON-LD. No frameworks required.
Data Tables & Search
Sortable/filterable data tables, PHP site search with MySQL full-text, and AJAX live search with a dropdown — no external services, no per-query fees.
View patterns →Email & Newsletter
Inline signup sections, self-hosted double opt-in mailing lists, and Mailchimp/Brevo API integration — GDPR-ready PHP backends. No per-subscriber fees.
View patterns →Multi-Step Forms & Wizards
Client-side step wizards with progress bars, PHP session-backed multi-page forms, and Stripe checkout flows — per-step validation, CSRF protection, and MySQL logging. No form builder fees.
View patterns →Maps & Location
Google Maps with custom markers, Leaflet.js multi-marker maps with no API key, and PHP MySQL store locators with Haversine radius search. No mapping platform fees.
View patterns →Dark Mode & Theme Toggle
System-aware dark mode with CSS custom properties, animated sun/moon toggle buttons, and multi-theme colour pickers — flicker-free, localStorage-persisted, WCAG contrast-checked.
View patterns →Pick a block. Describe your brand. It’s live.
Every building block in this library was built through a single conversation with Claude — no separate coding required. Claude calls site_create_page and file_write directly, deploying to your server in real time.
Choose a pattern
Browse the library and pick the component you need. Each page shows what Claude builds and gives you the exact prompt to use.
Describe your brand
Tell Claude your colours, copy, and requirements. Claude adapts every component to match your site’s design — not a generic template.
Deployed to production
Claude’s MCP tool calls write directly to your server. No preview step, no build pipeline. The component is live the moment Claude deploys it.
Not plugins. Not templates. Real code.
Every building block Claude deploys is hand-written PHP, HTML, and CSS — generated specifically for your site. No plugin overhead, no vendor lock-in, no licence fees beyond Claude CMS.
Your code, your server
Claude writes the PHP and CSS. It runs on your hosting. You own the files. Cancel your Claude CMS plan and every building block you’ve deployed keeps working.
Adapted to your design
No templates. Claude reads your existing theme and writes new components that match — same colours, same typography, same spacing. Consistent by default.
Full backend included
Forms that actually submit. Payments that actually process. Booking engines that actually book. Claude builds the PHP handler alongside the HTML — not just the front end.
Iterable in seconds
Change a button label, add a field, rearrange columns. Describe the change to Claude and it’s updated on your live site within seconds. No redeployment, no rebuild.
Start building with Claude CMS
From £6.99/month. First month free — no credit card required. Deploy your first building block today.