UI ECOSYSTEM

EXTEND.YOUR STORE.

Discover and build custom UI variants. From unique product cards to professional footers, expansion is limitless.

4 Component Types
Hot-Reload Preview
Free SDK
One-Click Submit
UI Variants

FOUR WAYS TO extend.

Switch between dozens of pre-built UI components or build your own to match your brand's unique identity.

Product Cards

Grid and list layouts for product listings with full wishlist, compare, and cart interactions.

Global Footers

Store info, social links, location cards, and theme toggles in a single footer block.

Navigation Bars

Header menus, search bars, and mobile drawer configurations for any storefront.

Checkout Modules

Cart drawers, payment forms, and order summary modules for the full checkout flow.

UI Variants

UI Variants

Switch between dozens of pre-built UI components or build your own to match your brand's unique identity.

Product Cards
Global Footers
Navigation Bars
Checkout Modules
Developer SDK

Developer SDK

Our powerful CLI and local dev environment let you build, test, and publish custom variants in minutes.

terminal
$npx create-komero-variant my-footer
? Choose a template type:
Footer
Product Card
Workspace created in 2.8s
$npm run dev
Preview at localhost:3000
HOW IT WORKS

FROM CODE TO marketplace.

Our CLI scaffolds the full workspace. You focus on building — we handle the rest.

01

Install SDK

Run npx create-komero-variant to scaffold a TypeScript + Tailwind workspace with live preview in seconds.

02

Build & Preview

Edit src/index.tsx. Your component hot-reloads instantly across desktop, tablet, and mobile viewports.

03

Submit & Ship

Run npm run submit to bundle, type-check, and zip. Then upload to the KOMERO marketplace.

Build for KOMERO

Are you a developer? Join our ecosystem and build components used by thousands of stores.

Explore SDK Docs
KOMERO Marketplace | Custom UI Variants & SDK