Glass Bar Header
FreeA sticky glass header with the brand, up to five links, one action and a phone menu that needs no JavaScript.
Headers block · Server
54 blocks
Blocks
Whole sections with typed slots for your text and images. Every block of a type shares one content shape, so swapping one hero for another keeps your words. Facts only you can give, like hours and prices, wait as designed fill-ins. VibeBox Launchpad builds client sites from these.
54 items
Floating glass islands that tighten on scroll, with a full-screen phone menu whose links rise in turn.
Headers block · CSS
Bento Hero
FreeThe promise beside a three-tile mosaic: a tall photo, a second image and a card of what the business offers.
Heroes block · Server
Centered Hero
FreeOne centred promise with its actions and highlights, the image below, on a plain, haloed or gradient panel ground.
Heroes block · Server
Editorial Hero
FreeA magazine opening: a large serif headline, the intro and actions, tags, and the photo framed tall or set as a band.
Heroes block · Server
Poster-size type that rises word by word on load, with the photo in a corner or set wide beneath.
Heroes block · Server
Page Intro
FreeThe compact first section of an inner page: its one h1, a line and its actions, plain or on a tinted band.
Heroes block · Server
Split Stage Hero
FreeThe promise beside a stage: your photo or a scene with two floating cards that show what booking or ordering looks like.
Heroes block · three.js
The product on two screens: a browser frame and a phone frame overlapping beside or below the copy.
Heroes block · Server
Fiesta Hero
ProA fiesta opening: strings of banderitas sway across the top in the brand's colours, the copy below.
Heroes block · Canvas
An AI studio opening: the liquid orb above or beside the copy, with suggestion chips of what people can ask.
Heroes block · WebGL2
A hero with a 3D centrepiece in the brand's spectrum: puzzle cube, equalizer ring, launch stack or infinity ribbon.
Heroes block · three.js
Shader Hero
ProA full-bleed hero on a moving shader: the spectrum mesh, or pool caustics for resorts, pools and spas.
Heroes block · WebGL2
A headline that names each audience in turn, the last word melting into the next.
Heroes block · Server
Logo Belt
FreeReal names or logos as one line of type, a slow marquee or a wall; never invented, fill-ins until given.
Logos block · Server
Real partner or brand names on slowly turning rings around a label; a wrapped list on phones.
Logos block · Server
Stats Band
FreeReal numbers that roll into place when seen, as an inline band or cards; fill-ins until the client gives them.
Stats block · Server
Three to six services as cards with icons, an index of numbered rows, or hairline columns.
Services block · Server
Services Bento
FreeThe lead service as a large image card, the rest as a numbered list beside it or as cards beneath.
Services block · Server
Zigzag Services
FreeOne row per service with its own photo, alternating sides; placeholder scenes until photos arrive.
Services block · Server
The lead service behind reeded glass that clears under the pointer, the rest on frosted cards over a glow.
Services block · WebGL2
Services scroll past one at a time while a sticky phone beside them shows each one's screen.
Services block · Motion
Steps
FreeThree to five steps from first contact to done, as a numbered row or a timeline beside the heading.
How it works block · Server
The process as a build story: an artboard of the site assembles itself step by step as you scroll.
How it works block · Server
About Story
FreeThe business in its own words: a tall photo with a caption beside the story and a few honest details.
About block · Server
A tall photo stays in view while the story, details and milestones scroll past it, each revealing as it arrives.
About block · Server
Team Grid
FreeReal people with their photos or monograms, names and roles, as portraits or a compact list.
Team block · Server
Duotone Team
ProPortraits in a two-tone wash of the brand's spectrum that bloom into full colour on hover or focus.
Team block · Server
Gallery Grid
FreePhotos of the work or the place in an even grid or with the first image large, with captions.
Gallery block · Server
Gallery Masonry
FreeImages at their own proportions in balanced columns, so portraits and landscapes sit together.
Gallery block · Server
Before and after, compared by dragging a liquid seam across each photo, then the rest of the gallery.
Gallery block · WebGL2
A swipeable row that snaps one photo at a time, each turning in 3D as it leaves the centre.
Gallery block · Server
Photos behind reeded glass that clears where the pointer passes, for interiors, spas and boutiques.
Gallery block · WebGL2
Real quotes only, as cards, a featured quote or a spotlight; designed fill-ins until the client sends them.
Testimonials block · Server
Customers' real words as the messages they sent: chat bubbles in a thread, or a wall of them.
Testimonials block · Server
Pricing Tiers
FreeOne to four plans as cards, stacked rows or a wide banner; prices are facts the business sets.
Pricing block · Server
Plans with two periods: a switch flips every price on its axis to monthly or yearly, per session or pack.
Pricing block · CSS
Details FAQ
FreeQuestions on native details elements: keyboard and screen-reader friendly, and working without JavaScript.
FAQ block · Server
Booking Band
FreeWhen, how long and one clear booking action, on a tinted band or a centred card.
Booking block · Server
Booking Request
FreePick a service, a day and a time of day, leave a name and email: a real request the business answers.
Booking block · Server
Menu Teaser
FreeDishes, products or packages with a line each and prices the business sets, as a menu list or cards.
Menus block · Server
Menu cards that turn over: photo, name and price in front; the description and tag behind.
Menus block · CSS
Contact Cards
FreeOne card per way to reach the business (call, visit, message), or a list of rows; facts until given.
Contact block · Server
Contact Strip
FreeA compact contact band: the heading, every channel on one line and one action.
Contact block · Server
The split contact section with a Contact Bloom button that opens the phone and chat apps the business uses.
Contact block · Server
Split Contact
FreeEvery way to reach the business beside an inquiry form that works without JavaScript; facts are fill-ins until given.
Contact block · Server
Contact as a conversation: a chat panel whose quick questions open the business's chat app, prefilled.
Contact block · Server
CTA Band
FreeThe last nudge before the footer: one line and one action, as big type, a panel with art, or a quiet row.
Calls to action block · Server
Caustics CTA
ProA closing call to action on light moving through water, for resorts, pools, spas and swim schools.
Calls to action block · WebGL2
Parol CTA
ProA seasonal call to action: a capiz parol builds itself in 3D, lights chasing round its rays, beside the offer.
Calls to action block · three.js
A closing call to action on a band of the brand's colours drifting slowly as a mesh gradient.
Calls to action block · WebGL2
Column Footer
FreeLinks, contact details and legal pages: the brand and a line with link columns, or one compact row.
Footers block · Server
A footer led by the brand as an equalizer wordmark whose letters bounce like levels on hover and focus.
Footers block · Server
A footer that ends with the brand's name set edge to edge, its letters springing up into view.
Footers block · Server