← Back to Home

Pixel-Perfect Design. Zero CSS Conflicts.

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.