Loading the builder…
Builder
Pick sections from 307 blocks, drag them into order, and theme the lot in one go. What renders below is the actual component, not a picture of it — the same one the 126 pages in the catalog are built from. When it looks right, run it or take the source.
The layout and the theme both live in the address bar, so this page is shareable as a link and needs no account. Every edit is a normal navigation, which makes the back button an undo.
Hover a section to move, duplicate or remove it. Drag it to reorder.
Six hundred production-ready sections, searchable by what they do rather than what they are called.
Served Wednesday to Sunday, 6pm until 10pm. One kitchen, one menu, changed when the produce changes rather than on a schedule.
Served until 3pm
Six halves. The crab is picked here on the morning it arrives.
Sourdough from the Tuesday bake, salted butter churned in house.
Bitter, sweet, salt. The pears are from a single orchard in Herefordshire.
Morecambe Bay brown shrimp, mace and cayenne, clarified butter.
Four hours in the wood oven, carved at the table. Comes with greens and dripping potatoes.
On the bone. Ask and we will take it off for you.
The mushrooms change weekly; ask what came in.
Thirty-five days. Priced by weight on the day.
Or a cheese plate, £4 a cut, £14 for four
Crème fraîche. The honey is from the roof of the building next door.
Poached slowly until it goes the colour of a penny.
One scoop, two scoops, or three if the table is sharing.
Please tell us about allergies before you order — we cook in one kitchen and cannot promise any dish is free of a trace. A discretionary 12.5% service charge is added to tables of six or more and goes to the people who served you.
Every block in the catalog, filtered by what it is. Click to append to the end of the page, or drag one into the outline to place it.
Writes each block to components/, which is where the page below imports them from.
npx hoverlab add hero-search menu-course-listThese sections import lucide-react — everything else they use is React and Tailwind.
Sets the component name and the filename. Optional.
Saves as app/composed-page.tsx
/**
* ComposedPage — composed from 2 Hoverlab blocks.
*
* Install the sections this file imports:
* npx hoverlab add hero-search menu-course-list
*
* Packages the sections need: lucide-react
*
* Rebuild or edit this layout: https://hoverlab5.netlify.app/builder?b=hero-search,menu-course-list
*/
import * as React from 'react'
import { HeroSearch } from '@/components/hero-search'
import { MenuCourseList } from '@/components/menu-course-list'
export default function ComposedPage() {
return (
<main className="min-h-screen bg-background text-foreground">
<HeroSearch />
<MenuCourseList />
</main>
)
}