← Back to Home

Pixel-Perfect Design. Theme CSS Isolation.

Every component is fully customizable — colors, typography, spacing, borders, icons. Shadow DOM isolation means your design stays consistent on every theme.

100%
Customizable Primitives
CSS+JS
Custom Code Injection
7
Display Modes
15
JS Lifecycle Events
{var}
Variable Interpolation

Full Design Control Per Component

Colors, font sizes, weights, line heights, spacing, border radius, background, opacity — every primitive exposed. 7 display modes: auto, stacked, inline, rotating, slider, carousel, marquee.

Custom CSS, JavaScript & HTML

Inject custom CSS (Shadow DOM scoped), custom JS, and HTML before/after each component. External script loader for GTM, analytics, and tracking pixels.

1- to 4-Column Layouts

Flexible grid system per zone with configurable column ratios, sticky sidebar, per-column styling, responsive breakpoints, and per-zone Shadow DOM toggle.

Custom JS Event API

15 lifecycle events (cart:item_added, upsell:added, reward:unlocked) — subscribe via v1.on(). Full cart data access, money formatting, and zone control.

Variable Interpolation

Dynamic text like "Checkout – {cart.total}", "Add {amount} for free shipping!", "Delivery by {date}" — works in every text field across all 105+ features.

Customization & Styling

9
✓Full Design Control per Component (Colors, Typography, Spacing)
✓Custom CSS per Component (Shadow DOM scoped)
✓Custom JavaScript per Component
✓External Script Loader (GTM, Analytics, Tracking Pixels)
✓Event Tracking via JS Event Bus
✓Custom HTML Before & After each Component
✓Custom Content Blocks (HTML-capable)
✓Custom Image Blocks with Links
✓Variable Interpolation in all Text Fields ({cart.total}, {amount}, etc.)

Get in touch

Questions or feedback? We'd love to hear from you.