Blue Lotus CodingDemo sites

Live demos by Blue Lotus Coding

Websites you can actually use.

Five complete, clickable demos for five kinds of business, each with its own design style. Request an estimate, check out a cart, book a class, tour a home or run a project board, right here in the page.

  1. 01FORMRenovation
  2. 02COMMONOnline store
  3. 03STUDIOClass bookings
  4. 04SPACESReal estate
  5. 05WorkbenchWeb app

The demos

Pick one and click in.

Each preview is the real site, running live, and no two share a look: compare the type, color and layout. Click a preview to scroll and use it, switch between desktop and mobile, or open it full screen.

01Service business

FORM

Renovation & interiors studio

Bold and industrial, like a builder’s spec sheet: condensed capitals, hard edges and a safety-yellow accent. Finished rooms do the selling, and a three-step estimate is the one clear next step.

Bold industrialArchivo Condensed · ink, paper, yellow

  • Get a three-step project estimate
  • Filter past projects by room
  • Read a full project story
View website
demo.bluelotuscoding.com/form/

02E-commerce

COMMON

Ceramics, linen & glass store

A modern editorial shop: a magazine-style cover, a big italic serif and hairline product grids in white, ink and rust. A slide-out bag keeps shoppers browsing, and checkout is never more than three steps away.

Modern editorialInstrument Serif · white, ink, rust

  • Pick a size or color and add to bag
  • Watch the free-shipping bar fill up
  • Place a demo order (no payment)
View website
demo.bluelotuscoding.com/common/

03Bookings

STUDIO

Yoga & breathwork studio

Soft and organic: warm cream, sage and blush, rounded arches and a gentle serif. Built around the schedule, so members find the next open class in one tap and change plans without calling the front desk.

Soft organicFraunces · cream, sage, blush

  • Book a class from the live two-week schedule
  • Buy a 10-class pack and use a credit
  • Reschedule or cancel from My bookings
View website
demo.bluelotuscoding.com/studio/

04Listings & leads

SPACES

Real estate brokerage

Dark luxury for high-end homes: black and ivory with gold details and a fashion-magazine serif. Buyers filter homes in seconds, then each listing sells itself with a full-screen gallery, a payment calculator and a quick viewing request.

Dark luxuryBodoni Moda · black, ivory, gold

  • Search, filter and save homes
  • Open a listing's photo gallery
  • Get an instant home valuation
View website
demo.bluelotuscoding.com/spaces/

05Web app

Workbench

Project management web app

Software, not just websites, in a crisp product style: neutral zinc, black actions, a violet accent and mono details, in light and dark mode. A dashboard, drag-and-drop board, task details and file uploads: the core of a real SaaS product.

Crisp product UIGeist · zinc, black, violet

  • Drag a task to another column
  • Open a task and tick off its checklist
  • Press N to create a task, then try dark mode
View app
demo.bluelotuscoding.com/workbench/

How these demos work

Real code. Pretend businesses.

Everything works

Every button, filter and form does something. Bookings, carts and tasks are kept in your browser, so try anything.

Fictional businesses

The companies, people, prices and addresses are made up. The photos were created with AI for these demos.

Nothing is sent

No emails go out, no payments are taken and nothing you type leaves your device.

Yours would be real

Your site gets your brand, your photos and real connections for bookings, payments and email.

Want something like this for your business?

Tell us what you need and we will show you how it could work.

Start a project
Demo
View website