Your Cart
3 items
👟
Minimal Sneaker Pro
Size: 42 / Color: Black
₹4,200
1
🧢
Structured Cap
Color: Olive
₹1,800
2
🧦
Merino Socks Bundle
Size: M / 3-pack
₹890
1
Built for Shopify Developers

Stop rebuilding the same thing.

A production-ready kit of Shopify utilities — variant handlers, cart AJAX, shipping progress bars, and cart drawers. Drop in. Configure. Done.

Get Free Cheatsheet → See Live Demos ↓
3 min
Average integration
0
Dependencies
ES6
No jQuery required
Dawn ✓
Theme compatible

Click it. See it work.

Every component below is running the actual kit code. No mockups.

JS Utility
Variant Handler
Swap prices, stock status & ATC state on variant change. Zero jQuery.
Minimal Runner V2
₹3,499 ₹4,999
Size
Color
In stock — 8 left
// 3-line integration import VariantHandler from './variant-handler.js' const handler = new VariantHandler('#product-form') handler.init()
Cart Enhancement
Free Shipping Bar
Real-time progress bar. Adjust cart quantities below and watch it react.
Add ₹1,500 more for free shipping
Sneaker Pro
1
2,000
Canvas Tote
0
0
Merino Tee
0
0
Cart Total ₹2,000
// Configure once in theme.liquid ShippingBar.init({ threshold: 3500, currency: 'INR' })
Cart Enhancement
Cart Drawer
Smooth slide-in cart with built-in shipping bar. Click below to open.
// Event-based, works with any theme document.dispatchEvent(new CustomEvent( 'cart:open' ))
Free Download
Liquid Cheatsheet
Every filter, tag, and object you need. Searchable PDF. Yours free.
Preview — Liquid Filters
| money Format as currency
| image_url: width: Resize images
| where: "key", val Filter arrays
| metafield_tag Render metafield
| handle URL-safe string
+ 80 more filters, tags & objects in the full PDF
Get Free PDF →

Built for real projects.

Every asset is tested in production against Dawn and custom themes. Comments included, no guessing.

Variant Handler
Pure ES6 variant selector with price, compare-price, stock, and ATC state management built in.
🛒
Cart AJAX Helper
Add, update, remove cart items without page reload. Emits events for other modules to react.
📦
Cart Drawer
Smooth animated cart drawer with built-in shipping progress bar and upsell slot.
🚚
Shipping Progress Bar
Configurable threshold, currency, and messaging. Reactively updates on cart changes.
📡
Pub/Sub System
Lightweight event bus so all your theme modules can communicate without tight coupling.
📄
Liquid Cheatsheet PDF
Every Liquid filter, tag, and global object. Searchable, printable, always open in another tab.

3 steps. That's it.

Designed to drop into any Shopify theme with minimal config. No build tools required.

01
Copy the file into your theme
Drop the .js or .liquid file into /assets or /snippets. No npm, no webpack, no build step needed.
theme/ ├── assets/ │ ├── variant-handler.js ← drop here │ └── cart-ajax.js ← drop here
02
Add one script tag or render call
Import in theme.liquid or section file. One line. Works with Shopify's asset pipeline natively.
{%- comment -%} In theme.liquid {%- endcomment -%} {{ 'variant-handler.js' | asset_url | script_tag }}
03
Set your config variables and go
Every file has a CONFIG block at the top. Change 2–3 values. Reload. Done.
// CONFIG — edit these only const CONFIG = { freeShippingThreshold: 3500, currency: 'INR', drawerSelector: '#cart-drawer' }