Scroll to explore the build

OLLO — Premium Bottle Brand Shopify Theme

Name: OLLO — Premium Bottle Brand Shopify Theme
Brand: Brand Motion Studios

Carry something beautiful. A real Shopify theme with two 3D moments.

A complete Shopify Online Store 2.0 theme for a bottle brand that sells to every age group, art-directed like a campaign rather than assembled from a template. The hero stacks three bottles under oversized Geist type with a colourway swapper. The first 3D moment pins a bottle and lets scroll turn it, bring it forward, recolour it and settle it into a product card; the bottles are generated in Three.js as solids of revolution with procedural powder-coat and wordmark textures, so there is no model file to download. Six personalities slide past in a pinned horizontal exhibition, a wire-frame silhouette becomes a finished bottle one attribute at a time, and the closing viewer turns the bottle under your cursor. Underneath it is a working store: Liquid sections and blocks with Theme Editor settings everywhere, an Ajax cart drawer with a complete-the-set upsell, predictive search, filters, variant-aware galleries and structured data. Three.js and GSAP load only near the sections that use them, every animation has a reduced-motion path, and it runs offline on a local preview server with a sample catalogue before you connect a store.

How to run this

Works the same on Windows, macOS and Linux. No prior setup beyond Node.js, and nothing to configure — the pack runs as-is.

Built with: Shopify theme (Liquid)
Requires: Node.js 20 or newer
Opens at: http://127.0.0.1:8787

Note — A Shopify theme, so there is no framework build: npm run preview renders the real Liquid files on a local server with a sample catalogue, which is how to see it without a store. To run it on your own store, install the Shopify CLI and use npm run dev (shopify theme dev), then npm run push to upload it as an unpublished theme. The README lists the menus, pages and homepage pickers to set after uploading. The QA and image-render scripts in dev/ drive a local Google Chrome and are optional.

✦ Or let an AI agent set it up for you

Already using Claude Code, Antigravity, Cursor or Windsurf? Unzip the pack, open the folder as a project, and just ask:

Install the dependencies and run this project, then give me the URL

It reads the README included in the pack, runs the right commands for this project, and sorts out anything that trips along the way. You still need Node.js installed (step 1 below) — everything after that it can handle.

Or run it yourself

1
Install Node.js, if you don't have it
Download the LTS build from nodejs.org and run the installer — on Windows and Mac it handles everything. Mac users with Homebrew can run brew install node instead.
To check it worked, run node --version. It should print a number like v22.11.0.
2
Unzip the pack, then open a terminal inside the folder
Windows: open the unzipped folder in File Explorer, click the address bar, type powershell and press Enter.
Mac: press Cmd+Space, type terminal, press Enter. Then type cd (with a trailing space) and drag the unzipped folder onto the terminal window — it fills in the path for you. Press Enter.
3
Install the dependencies
Run npm install
One-time, and takes roughly 30–60 seconds. It creates a node_modules folder — that's expected, and it's why the zip doesn't ship one.
4
Start it
Run npm run preview
Then open http://127.0.0.1:8787 in your browser. Leave the terminal open while you use it — closing it stops the site. Press Ctrl+C in the terminal to stop.

+ If something goes wrong

“npm is not recognised” / “command not found: npm”: Node.js isn’t installed, or the terminal was open before you installed it. Close the terminal, open a new one, and try again.
“Port 8787 is already in use”: Something else is running there — often a previous copy of this site. Close the other terminal, or stop it with Ctrl+C.
The page loads but images or video are missing: Make sure you ran the command from inside the unzipped OLLO — Premium Bottle Brand Shopify Theme folder itself, not the folder containing it.
npm install shows warnings: Warnings (as opposed to errors) are normal and safe to ignore. Only a message starting with ERR! needs attention.

Still stuck? Email us and we'll get it running with you.

Prompt $7.99 · Source $17.99 · or All-Access

Unlock OLLO — Premium Bottle Brand Shopify Theme

Buy just the prompt, the full source, or get All-Access for every design in the store.

The prompt

$7.99

The exact prompt that built it. Paste it into Claude Code and make it yours.

Complete sourcePrompt included

$17.99

The finished build, as a download that runs today. The prompt comes with it.

Or get All-AccessEvery design in the store, from $99 a year

Secure checkout by Lemon SqueezySecure checkout by Razorpay · UPI, cards, netbanking
Instant access the moment payment clears
Anything broken on our side is fixed or refunded within 7 days. Policy

A prompt is a starting point, not a build script. AI models land differently on every run, so expect to refine the result — spacing, timing and copy — before it feels like the preview. The source pack is that preview, finished and running.

What's included

✦The complete prompt, verbatim: fifty sections covering brand direction, the design system, every homepage section, product, cart, search, performance and QA
✦The full Shopify theme: layout, JSON templates, sections with Theme Editor settings, snippets, locales and config, ready for shopify theme push
✦Parametric 3D bottles in Three.js — lathe geometry and procedural textures, no model files — driving the scroll story and the cursor viewer
✦A working storefront: Ajax cart drawer with upsell, predictive search, filters, variant-aware galleries and product structured data
✦An offline preview server that renders the real Liquid files with a sample catalogue, so it runs at 127.0.0.1:8787 without a Shopify store

OLLO — Premium Bottle Brand Shopify Theme

How to run this

More like this

BR-TAARA — Rough to Ring Box, in Real-Time 3D

AURELIAN Calibre 01 — Skeleton Automatic

AETHERIS Residences — Skyline Luxury

BR Tracker — Spatial Tracking Device