Kona ThemeVite-Powered Shopify OS 2.0

An Astro-inspired islands architecture for interactive Shopify themes. Zero runtime dependencies — all vanilla Web Components.

Get Started

Demo Store

GitHub

Islands Architecture

Interactive components hydrate client-side via Web Components. Liquid renders HTML server-side, islands add interactivity exactly where needed.

Vite Build Pipeline

Lightning-fast HMR in development, optimized builds for production. Five purpose-built plugins handle Shopify integration, import maps, and Tailwind CSS v4.

30-Language i18n

Automated translation pipeline using Claude API with content hashing for incremental updates. Supports storefront and schema translations.

CI/CD Pipeline

GitHub Actions workflows for linting, theme checks, PR preview themes, automated deployment, and documentation publishing.

Claude Code Skills

Five built-in skills for Claude Code that provide Liquid reference, accessibility patterns, coding standards, component creation workflows, and translation management.

Coding Standards

Comprehensive JavaScript, CSS, and accessibility standards with a three-phase compliance audit. Tailwind utility-first, AbortController lifecycle, WCAG 2.2.