Component Families

Component Families

The library contains more than 1,000 Vue single-file components, grouped by audience. This page maps the folders, explains the naming conventions, and points to notable components so you can find what you need quickly. Component names below are real file names in the repository.

Naming conventions

Prefix	Family	Folder	Typical dependencies
S	Storefront	storefront/	Storefront SDK (window.$storefront), injected $shop
B	Backoffice	backoffice/	Backoffice SDK (window.$backoffice, window.API)
U	UI	ui/	Usually none beyond Vue and Vuetify
C	Community	community/	Community SDK (window.$community)
L	Landing builder	selldone/pagebuilder	Page Builder package

You will also see:

• A* add-on components for the article editor in article/add-on/ (for example AAddonCanvas, AAddonCatalog).
• V* vendor panel components in vendor/listing/ (for example VVendorListingItemsList).
• A few shared widgets in ui/ that keep an S prefix for historical reasons (for example SImageUploader, SCountrySelect, SWidget), and some older names without a prefix (for example MenuCategories, BasketTopMenu).

Each component lives in its own folder, and the path follows the name. For example SShopProductCard is at storefront/product/card/SShopProductCard.vue.

Storefront (storefront/)

Customer-facing building blocks for a shop.

Folder	Notable components
product/	SShopProductCard, SProductOverview, SShopBuyButton, SShopSubscribeButton, SProductPrice, SProductSectionVariants, SProductComments, SProductRelatedProducts, SProductCrossSells, SProductSpec, SProductWarranty, SShopProductSlideShow
products/	SProductsListing
order/	SShopBasketItemsList, SShopBasketItem, SOrderCheckoutForm, SShopBillingAddressForm, SShopCustomerOrderPaymentWidget, SOrderDeliveryState, SOrderDeliveryStatusStepper, SOrderChatWidget, SOrderBasketReturn, SShopShareOrderButton
category/	SCategoryCard, SCategoryFilter
header/, menu/, footer/	SHeaderSection, SStorefrontTopMenu, SShopNavigationDrawer, SFooterSection, SFooterNavigation
search/	SStorefrontSearchBox
login/, access/	SShopLogin, SStorefrontNeedLoginDialog, SAccessPrivateCheck
coupon/, discount-code/, giftcard/, wallet/	SStorefrontCouponsList, SDiscountCodeInput, SGiftcardInput, SWalletInput
lottery/, campaign/, popup/	SStorefrontLotteryWheelOfFortune, SCampaignBanner, SStorefrontPopup
comparison/	SComparisonButton, SComparisonList
cookie/	SCookieConsent, SCookiePreferences
blog/	SBlogCard, SBlogCardAuthorCategory
listing/	SStorefrontListingItemProfile and related directory/listing views
hyper/	SHyperCart, SHyperOrders, SHyperProduct
language/, social/, instagram/	SLanguageSelector, SStorefrontSocialButtons, SInstagramView
payment/, pos/, vendor/	SStorefrontMasterPaymentDialog, SPosBillView, SShopVendorHeader

Backoffice (backoffice/)

Tools for the merchant dashboard: about 550 components across these areas.

Area	Folders
Catalog	product/ (about 100 components, for example BProductAddFull, BProductAddAi), category/, property-set/, inventory/, valuation/, include-item/, box/
Orders and fulfilment	order/, order-que/, process-center/, transportation/, logistic/, pos/, drop-shipping/
Customers and marketing	customer/, campaign/, coupon/, discount-code/, offer/, cashback/, giftcard/, lottery/, club/, email-marketing/, affiliate/
Marketplace	vendor/, listing/, wholesaler/, connect/
Shop settings	shop/, domain/, gateway/, tax/, currency/, language/, translation/, permission/, role/, webhook/, sitemap/, pwa-preview/
Insights	dashboard/, chart/, session/, live-view/, google/, meta/
AI and content	ai/ (BAiAssistance, BAiAutoTranslate, BAiModelInput), openai/, blog/, page/, popup/, note/
Account and apps	account/, app/, auth/, user/, subscription/, support/, onboarding/, spreadsheet/ (bulk import)

UI (ui/)

Generic components you can use in any context.

Area	Notable components
Prices and money	UPrice, UPriceInput, UCurrencyInput, UCurrencySelector, UCurrencyIcon
Payments	UPaymentForm, UPaymentStripe, UPaymentStripeSplit, UPaymentPaypalStandard, UPaymentRazorpay, UPaymentMercadopago, UPaymentPaymob, UPaymentSquareup
Date and time	UDateInput, UDateRangePicker, UTimePicker, UTimeSpan, UCalendarView
Maps	UMapView, UMapAddressInput, UMapDialog, UMapCountriesHeatmap
Charts	UChartLine, UChartBar, UChartArea, UChartDonut, UChartFunnel, UChartRadar
Inputs	USmartSelect, USmartToggle, USmartSwitch, UNumberInput, UTelInput, UDimensionInput, UColorSelector, ULanguageInput, UTextHtmlInput
Media	SImageUploader, SVideoUploader, SFileUploader, SDropZone, ULottie, UYoutubePlayer
Feedback and display	ULoadingEllipsis, ULoadingProgress, UProgressRadial, URatingInput, URibbon, UStamp, UMarquee, UFadeScroll, UCountDown
Codes	UQrcode, UBarcode, UScanner

Community (community/)

Components for Selldone Community: CLayout, CHeader, CPostWidget, CPostEditor, CPostPoll, CCommentsList, CCommentWidget, CCategoryCard, CBreadcrumb, full pages such as CommunityHomePage and CommunityTopicPage, and voice components (UVoiceRecorder, UVoiceSpectrum).

Article (article/)

The blog and help article system: SArticleEditor, ArticleViewer, SArticleSeoEditor, SArticleComments, SArticleFaqs, SArticleTagsEditor, SArticleTableOfContents, SArticleAuthorBox and editor add-ons (AAddon*).

Other folders

Folder	Contents
directives/	copy, track, script, dragscroll, size, keyboard, level
mixin/	CoreMixin and topic mixins (TemplateMixin, DateMixin, CurrencyMixin, ProductMixin, OrderMixin, AuthMixin, RouteMixin, …)
plugins/	vuetify, notification, gtag, filepond, firebase, jquery, native
utils/	events (EventBus), upload, country, converters, temporary-data
style/	Global SCSS, animations and fonts
assets/	Icons, placeholders, patterns, logos and other static files
system/	SPwaVersionCheck

Next steps

• Storefront vs Backoffice
• Theming and Styles
• Directives and Services
• Page Builder wiki for L* components