Tailwind · Alpine · OS 2.0

Copy, tweak, ship Shopify sections.

A library of sections built with Tailwind and Alpine. Customize each one in a live, Shopify-style editor, then paste the Liquid into your theme.

No build stepClean LiquidLifetime updates
hero-banner.liquid
Save
Sections
Announcement bar
Header
Hero banner
Product grid
Logo marquee
Footer
Add section
CodeSettings
{% section settings %}
<section x-data="hero()"
class="relative px-6 py-24">
<h1 class="text-5xl
tracking-tight">
{{ section.settings.heading }}
</h1>
<a :href="cta.url">
Shop now</a>
</section>

Tailwind CSS

Utility-first styling that drops into any theme without a build step.

Alpine.js

Lightweight interactivity — sliders, tabs, drawers — in a few attributes.

Online Store 2.0

Native sections and blocks, editable from the Shopify customizer.

Liquid

Clean, commented Liquid you can read, fork, and extend yourself.

The library

Drop-in sections, ready to fork.

AllHeroProductsConversion

Hero banner

<hero />
New

Image with text

<split />

Product grid

<grid />

Collection slider

<slider />

Testimonial wall

<testi />

Logo marquee

<marquee />

Newsletter

<news />
New
+
+
+

FAQ accordion

<faq />

Announcement bar

<announce />

Image gallery

<gallery />

Comparison table

<compare />

Countdown timer

<countdown />
New
Workflow

From library to live in three steps.

01

Browse the library

Find the section you need — heroes, product grids, FAQs, and dozens more. Every one is a self-contained block.

02

Tweak it in the editor

Adjust colors, spacing, and content in a live, Shopify-style editor. See the result before you ship it.

03

Paste into your theme

Copy the Liquid, Tailwind, and Alpine. Drop it straight into any Online Store 2.0 theme.

Proof

Built for people who ship.

I rebuilt our whole storefront in a weekend. The sections look custom but I never touched a designer.

M
Maya Okafor
Founder · Larkfield

The Liquid is clean and commented. I copy a section, tweak the Tailwind, and it just ships. Saves me hours per client.

D
Daniel Reyes
Freelance Shopify dev

Alpine keeps everything fast — no heavy app eating our Core Web Vitals. Exactly what I wanted.

P
Priya Nair
Ecommerce lead · Vellum
Pricing

One payment. Every section.

No subscriptions, no per-seat fees. The whole library — and everything we add next — for the price of a single theme.

Unlimited stores, yours or clients’
Commented, forkable Liquid
30-day money-back guarantee
Complete library
$349one-time

Lifetime access · no subscription · the price of a single theme.

Every section in the library
New sections added each month
In-browser live editor
Docs & copy-paste snippets
Use on unlimited stores
Lifetime updates
Get the library — $349

30-day money-back guarantee · Team license — $749

Questions

Good to know.

Do I need to know how to code?

No. You can customize each section in the live editor and paste the result into Shopify. If you do code, the source is yours to extend.

Which themes does this work with?

Any Online Store 2.0 theme — Dawn and most modern themes included. Sections drop in as native blocks.

What's included in the one-time payment?

The full library, every future section we add, docs, live previews, and the in-browser editor. No subscription.

Can I use it on more than one store?

Yes. Use it on unlimited stores — your own or your clients’. One payment covers them all.

How do updates work?

New sections and fixes land continuously and are free forever once you own the library.

What if it isn’t right for me?

Every purchase is backed by a 30-day money-back guarantee. Email us and we’ll refund you.