Capability index
Everything the builder can do, on one page
The last question before signing up is "does it do X?". Here is the whole list — 111 editable components, 15 design styles, 66 palettes and 40 industry starting points, read out of the product itself. The real editor is right below, and building and previewing costs nothing.
Touch it. Don’t read about it.
- Click any block on the canvas, then look right: 44 style properties per component.
- Left rail → Theme: switch the design style and watch the menu survive the rebuild.
- Top bar → Preview: flip between the storefront and the back office it feeds.
Everything here is real except the saving: changes live in this tab and go when you reload. Publishing and export belong to a workspace, which is free to open and needs no card — same editor, your work kept. Open the playground full-page
From starting point to a business that runs
The order the parts above get used in.
- Start from a working site, not a blank theme40 industry starting points — real pages, priced menus, wired forms.
- Choose the look — your content stays15 styles recompose the bones; your content rides along. 66 palettes.
- Adjust it down to the pixel44 style properties per component, set per device and hover — without coding.
- Turn on the machineryOrdering, bookings, enquiry forms — machinery, not pictures of it. Running in preview at once.
- Publish it — or take the code with youPublish with your own domain (1 on both plans), or take the whole Next.js project on Storefront Pro.
Ordering, bookings, and the back office behind them
What separates a business site from a brochure: where the order goes after “place order”.
Online ordering
Menu, cart, checkout on the site itself. Cards go through your own Stripe — we take 0% of sales.
Bookings and appointments
Appointment scheduling and table reservations — the slot is held the moment it is taken, and the booking is waiting in your back office.
A real back office
Orders, reservations, customers, menu, promotions, reviews, stats — its own login, on the published site.
The plan boundary, stated plainly: Storefront Pro at $79 a month runs all of this on your published site, with cards through your own Stripe and 0% commission to us. Storefront at $49 builds and previews the same machinery, so you can have it working and photographed before you decide to publish — on that plan it does not go live. See what each plan includes
How deep the editor goes
Drag-and-drop is the entrance. This is what is behind it.
The depth here is layout, typography and state: 44 properties on every one of the 111 components, set separately for desktop, tablet, phone and hover, plus five entrance animations per block. Motion is a control you switch on, not a timeline you have to author.
Writing the words has a panel of its own. LocalSite Studio, the desktop app built on this same editor, carries an AI panel: give it a one-sentence description of the business and it returns three drafts of the hero, SEO and footer copy to choose from, plus menu or service descriptions — or right-click a single block on the canvas and have just that block rewritten. It runs on your own Anthropic, OpenAI or DeepSeek key, held in your machine’s keychain, so you pay that provider directly and we resell no tokens. Nothing is generated unless you ask, and the 40 starting points stay designed working sites rather than machine output: the panel writes words into a site that already works.
The site is yours to take
Storefront Pro export = the complete Next.js project — with the database schema, REST API and back office when the site stores anything. Freelancers get the same engine as a desktop app, exports unlimited.
Edits cannot break the live site
A published site is a finished artifact. Editor saves change the next release — never the one serving customers.
The full index
Every name and number below is read out of the product’s own component registry at build time, not kept by hand. If it is on this page, it is in the editor you can open right now.
Components
111
Blocks you drag onto a page. Business blocks are the ones with machinery behind them — a booking calendar is not a picture of a booking calendar.
Basics16
- Heading
- Text
- Button
- Image
- Video
- Divider
- Spacer
- Badge
- Icon list
- Rich text
- Icon
- Link
- Avatar
- Table
- Embed
- Marquee
Layout8
- Section
- Container
- Grid
- Columns
- Card
- Sticky bar
- Tabs
- Accordion
Navigation5
- Navbar
- Footer
- Breadcrumb
- Anchor nav
- Side menu
Forms10
- Form
- Input
- Textarea
- Select
- Checkbox
- Date
- Submit
- Radio group
- Time
- File upload
Business38
- Opening hours
- Map & address
- Contact form
- Gallery
- Testimonials
- Reviews feed
- Team
- Service list
- Pricing plans
- FAQ
- Call to action
- Stats
- Logo strip
- Newsletter
- Social links
- Announcement
- Coupon
- Menu list
- Online ordering
- Reservations
- Appointment booking
- Class schedule
- Property listings
- Quote request
- Order tracker
- Mortgage estimator
- Before / After
- Gift cards
- Loyalty points
- Events
- Blog posts
- Cart button
- Item detail card
- 3D scene
- FX background
- Collection list
- Entry detail
- Ad slot
Editorial5
- Masthead
- Byline
- Photo caption
- Paid content label
- Correction
Motion & showcase29
- Kinetic heading
- Kinetic marquee
- Parallax layers
- Scroll story
- Horizontal scroller
- Sticky showcase
- Count-up band
- Reading progress
- Magnetic CTA
- Reveal image
- Journey timeline
- Scroll-scrub video
- Wide shot
- Chapter card
- Focal shot
- Menu palace
- Title card
- Pull quote
- Countdown
- Diptych panels
- Credits roll
- Spotlight
- Film strip
- Comic panels
- Photo collage
- Round badge
- GSAP reel
- Reel card
- GSAP focus statement
Design styles
15
A style is a different set of bones, not a different colour: it recomposes the hero, the galleries and the type. Switching keeps your business content.
- SignatureThe hand-tuned original for this industry.
- NoirMagazine split: a dark narrative panel beside a tall image, gold-lit type.
- FreshCentered stage: airy copy floating over a rounded photo card.
- BoldPoster masthead: mega type across the page over a wide photo band.
- HeritageLogotype front: a giant serif wordmark with quiet, bookish details.
- ZineScrapbook poster: tilted polaroids, sticker labels, marker-loud type.
- EditorialGallery split: a half-page photo beside a pale panel of letterspaced serif caps.
- NeonA lit sign in the dark: glowing letters over a starfield, electric and alive.
- SumiInk on rice paper: a vertical hanging-scroll kicker, a vermilion seal, brush type.
- LumenA frosted-glass panel floating over living aurora light. Soft, luminous, futuristic.
- MarqueeMovie-poster lower third: heavy caps sunk into a bottom scrim on the photo.
- VeilA cream veil over the photo with DARK serif type: bridal-soft, morning-lit.
- VelvetA dark glass panel floats at the left of the photo: private-club hush.
- EmberA warm espresso wash over the photo, italic serif resting low in the glow.
- SkylineType pinned to the TOP of the frame, the photo running out wide below.
Colour presets
66
Curated palettes with matched fonts. Apply one over any design style.
Dark14
- Carbon Ember
- Nocturne Violet
- Midnight Neon
- Obsidian Teal
- Ultraviolet
- Forest Night
- Noir & Gold
- Champagne Noir
- Deep Sea
- HK Neon Night
- Night Market
- Lantern Glow
- Champagne Noir
- Velvet Plum
Light15
- Glacier Light
- Evergreen
- Pacific
- Porcelain
- Linen
- Arctic Mint
- Sky Paper
- Lavender Cloud
- Citrus Fresh
- Ink Wash
- Canton Morning
- Porcelain Blue
- Atelier Cream
- Mint Studio
- Slate Editorial
Vibrant10
- Voltage Lime
- Tangerine Pop
- Fuchsia Rush
- Cobalt Punch
- Lime Soda
- Coral Reef
- Vermilion & Gold
- Sichuan Fire
- Electric Grape
- Sunset Drive
Soft8
- Rose Fog
- Sage Whisper
- Blush Peach
- Oat Milk
- Mist Blue
- Lilac Ink
- Milk Tea Hour
- Taro Cloud
Earthy8
- Espresso
- Terracotta
- Olive Grove
- Desert Dusk
- Walnut Study
- Jade Banquet
- Espresso Bar
- Bamboo Fresh
Retro6
- Lacquer & Gold
- Ironworks
- Diner Cherry
- 70s Mustard
- Vinyl Teal
- Cocoa Cream
Inspired5
- Worldline Gold
- Singular Crimson
- Partner Link
- Arcane Hall
- Eldritch Deep
Industry starting points
40
Each one is a working multi-page site for that trade, not a blank theme.
- Portfolio & publishing9
- Food & drink7
- Professional services7
- Health & clinics6
- Auto & home services6
- Beauty & grooming5
How the built-in blocks behave
How do table reservations and appointment booking actually work?
They are two separate blocks with two separate engines. Reservations run on a 30-minute grid, hold a table for 90 minutes, take the last booking an hour before you close, need 30 minutes' notice, and test each party against your real table list — a party of six is only offered times when tables that seat six are genuinely free, for parties from 1 to 20. Appointments run on a 15-minute grid with a 10-minute buffer on each side of every booking, need two hours' notice, follow each staff member's shifts weekday by weekday, let the customer pick a specific person or leave it to anyone available, and can take a deposit. Both bookings are written inside a serializable transaction, so two people clicking the same last slot cannot both walk away with it.
What is actually inside the code export?
A complete Next.js project on your disk. A coffee shop with online ordering exports as 180 files; a portfolio that stores nothing exports as 99 — and a guard test runs the real export and counts the folder, so those two numbers cannot quietly drift. You get app/, components/, lib/ and public/, a package.json, a deploy script, and a README written for whoever inherits the site rather than for you — plus prisma/ and server/ when the site actually stores something, which is how the database schema, the REST API and the back office come with it. No dependency in that package.json is ours, and nothing in the folder calls home to a dashboard. Source-code export is included on Storefront Pro, $79.00 a month or $758.00 a year.
Is this an AI website builder — can I build a website with AI here?
No, and that is the point. What you open is one of 40 designed, working sites — the menu already prices its items, the booking form already checks a real calendar — not a page a model invented while you waited. AI has exactly one job here, and it is writing: the desktop app carries a panel that drafts a hero, SEO copy or item descriptions, and rewrites a single block you right-click. It runs on your own Anthropic, OpenAI or DeepSeek key, kept in your machine’s keychain, so you pay that provider directly and we resell no tokens — on your own key there is no allowance of ours to run out. It writes only when asked, and every draft is one undo away.