What is Ronin?
Ronin is a premium Shopify theme inspired by Shopify's Horizon theme architecture. Built entirely from scratch on our own XO Web Components framework, Ronin brings the block-based design system introduced with Horizon — deeply nested blocks, modular layouts, and full design freedom — to a bold, high-energy storefront, without using any Horizon theme code. Every line of code is original, crafted specifically for Ronin.
Key features
- Advanced block system: Inspired by Shopify's Horizon architecture, Ronin features deeply nested blocks and modular design — built entirely with our own code and XO Web Components framework.
- 80+ sections: A large library of pre-built sections, from heroes, collection carousels, and product showcases to sticky storytelling scenes, lookbooks, testimonials, and popups.
- 45 theme blocks: 37 blocks you can add anywhere (text, images, video, layouts, backgrounds, marquees, countdowns, forms, and more) plus 8 child blocks such as layout items, tabs, and collapse rows.
- 3 style presets: Get started instantly with pre-configured store designs — Ronin, Kinetic, and Ecru — each with its own colors, fonts, and homepage.
- 5 homepage layouts: A default homepage plus four alternate homepage templates, each with its own mix of hero, product, and storytelling sections.
- 3 product templates: The default product page plus two alternates, including a stacked media wall layout. About and contact page templates are included too.
- Shopping tools: A cart drawer, quick view, product comparison, and a sticky add-to-cart bar on product pages, plus color swatches on product cards and variant pickers.
- Mega menus and predictive search: Four mega menu styles (Collections, Featured, Journal, and Shop) and instant search results as you type.
- Dark mode: Built-in dark mode that maps your light color schemes to dark counterparts, with a dark mode toggle in the floating sidebar.
- RTL support: Full right-to-left language support for Arabic, Persian, Hebrew, Urdu, and other RTL languages.
- Animation system: Scroll animations with configurable effects — fade, zoom, rotate, snake, and 3D — plus animated modals and drawers, marquees, typing text, and image comparisons.
- Performance optimized: Lazy loading images and deferred assets for fast page loads.
Pre-configured presets
Ronin comes with 3 presets, each with pre-built page layouts, color schemes, and typography:
| Preset | Best for | Style |
|---|---|---|
| Ronin | Watches, accessories, rugged everyday gear | Bold and loud: condensed Anton headings, neon green accents on deep forest green |
| Kinetic | Activewear, sportswear, fitness brands | Energetic and athletic: heavy Archivo headings, bright orange accents on warm white |
| Ecru | Fashion, apparel, slow-made essentials | Calm and editorial: clean Instrument Sans headings, pink accents on cool neutrals |
Each preset includes a fully configured homepage, product pages, collection pages, and more. You can switch presets or customize them to match your brand. See the Presets guide for details.
Try Ronin
You can try Ronin for free before purchasing:
- Visit the Shopify Theme Store
- Click Try theme to add it to your store
- Customize and preview before publishing
Check out the Installation guide for step-by-step setup instructions.