1. Component Bundle
Salla Platform Docs
  • Overview
  • Usage
  • Components Customization
  • Predefined vs Bundle Components
  • Elements
    • Conditional Fields
    • Count Down
    • Filters
    • Infinite Scroll
    • List Tile
    • Loading
    • Map
    • Placeholder
    • Progress Bar
    • Rating Stars
    • Skeleton
    • Slider
    • Social Share
    • Tabs
    • Apps Icons
    • Breadcrumb
    • Social
    • Reviews
    • Reviews Summary
    • Color Picker
    • Modal
    • Sheet
    • Notifications
  • Form
    • Button
    • Date Time Picker
    • Tel Input
    • Select
    • File Upload
    • Menu
    • Bottom Alert
    • Contacts
    • Quantity Input
    • Edit Order Button
  • Product
    • Product Card
    • Quick Buy
    • Meta Data
    • Payments
    • Comments
    • Orders
    • Conditional Offer
    • Installment
    • Add Product
    • Gifting
    • Offer
    • Offer Modal
    • Product Availability
    • Products List
    • Product Options
    • Product Size Guide
    • Products Slider
    • Quick Order
    • Scopes
    • Search
    • Advertisement
    • Multiple Bundle Product
    • Order Details
  • User
    • Cart Summary
    • User Menu
    • User Profile
    • Localization
    • Login
    • Loyalty
    • Rating
    • User Settings
    • Verify
  • Component Bundle
    • Directory Structure
    • Create Bundle
    • Setup Bundle
    • Publish Bundle
    • Publish Bundle Requirements
    • Getting Started
Merchant
Merchant
  • Merchant API
  • Embedded SDK
  • Salla OAuth 2.0
Storefront
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Ecommerce Events
  • Component Bundle
  • Checkout APIs
  • Change Log
App Functions
Partner APIs
Partner APIs
  • App API
  • Shipments & Fulfillment APIs
  • Salla AWB
  • Recurring Payments API
  • Billing System Salla partners
  • Communication Apps
Dev Tools
Dev Tools
  • Partners Agent Kit
  • Salla Apps Playbook
  • Salla CLI
Merchant
Merchant
  • Merchant API
  • Embedded SDK
  • Salla OAuth 2.0
Storefront
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Ecommerce Events
  • Component Bundle
  • Checkout APIs
  • Change Log
App Functions
Partner APIs
Partner APIs
  • App API
  • Shipments & Fulfillment APIs
  • Salla AWB
  • Recurring Payments API
  • Billing System Salla partners
  • Communication Apps
Dev Tools
Dev Tools
  • Partners Agent Kit
  • Salla Apps Playbook
  • Salla CLI
Salla - Opensource
Salla - Developers Community
  1. Component Bundle

Getting Started

image.png
Welcome to Salla Theme Bundles, with this tool you will be able to create multiple components and publish them in Salla Themes Marketplace where more than 60 thousand store owners can purchase your bundles.
In this article we’ll go through the Prerequisites of Bundles development and the benefits of creating Theme Component Bundles.
Prerequisites
Basic understanding of HTML, CSS, JS, and the Twig Template Engine.
Partner account at Salla Partners Portal to create a demo store to publish and test your theme.
A Github account into which the theme can be synced.

Benefits#

1
Reusability at Scale
Component bundles let you package multiple related components together so they can be reused across Salla themes.
2
Centralized accessibility control
Theme bundles allow accessibility-critical styling—contrast ratios, focus indicators, motion preferences, and font scaling—to be defined once and applied everywhere. Fixes or improvements propagate automatically, ensuring consistent accessibility compliance without rewriting components.
3
Consistent appearance across applications
When multiple applications consume the same components, a shared theme bundle guarantees consistent colors, spacing, typography, and interaction states everywhere. This consistency improves brand recognition, usability, and user trust while eliminating subtle visual drift between apps.
4
Performance efficiency
Theme bundles typically export static design tokens (such as CSS variables or simple objects), which avoids runtime logic, reduces bundle size, and supports tree-shaking. This makes theming effectively free from a performance perspective, even at large scale.
Use Salla CLI command to create, publish, list, and delete components. Check the Bundles CLI Commands here
Modified at 2026-07-29 11:46:05
Previous
Publish Bundle Requirements