Skip to content
SouqnaComponent library
Component library

A store, made of possibilities.

Explore the pieces. Feel the motion. Find what makes your store yours.

127 components386 stylesLive preview
53 styles
Product collections
Preview plays when in view

A product carousel in two motions — cards receding in 3D, or a strip that fans open under the pointer. The panel below always carries the active product’s price, markdown, colours, and an add-to-cart wired to the live cart.

Pro+In the builder
Product carouselOpen playground
Preview plays when in view

A product carousel in two motions — cards receding in 3D, or a strip that fans open under the pointer. The panel below always carries the active product’s price, markdown, colours, and an add-to-cart wired to the live cart.

Pro+In the builder
Product carouselOpen playground
Preview plays when in view

A responsive catalogue grid that pulls live products from the store and lets shoppers browse cards quickly.

FreeIn the builder
Product gridOpen playground
Preview plays when in view

A responsive catalogue grid that pulls live products from the store and lets shoppers browse cards quickly.

FreeIn the builder
Product gridOpen playground
Preview plays when in view

A responsive catalogue grid that pulls live products from the store and lets shoppers browse cards quickly.

FreeIn the builder
Product gridOpen playground
Preview plays when in view

A list-style catalogue for menus, service lines, grouped categories, and stores that need readable product rows.

FreeIn the builder
Preview plays when in view

A shop layout with filter controls and product cards for larger catalogues where shoppers compare quickly.

Max+In the builder
Preview plays when in view

An editorial commerce shelf that mixes one lead product with supporting items and brand-forward copy.

Max+In the builder
Preview plays when in view

A category-led shop section with tabs and product cards for organizing catalogue browsing by customer intent.

Max+In the builder
Preview plays when in view

A visual category grid for guiding visitors into product families, edits, collections, or seasonal groupings.

Pro+In the builder
Preview plays when in view

An animated collection grid with category filter pills and a hover quick-add overlay so shoppers add sizes to the cart in one tap.

Max+In the builder
Preview plays when in view

Visual category browsing powered by the store catalogue so shoppers can enter product families quickly.

Pro+In the builder
Collection categoriesOpen playground
Preview plays when in view

Visual category browsing powered by the store catalogue so shoppers can enter product families quickly.

Pro+In the builder
Collection categoriesOpen playground
Preview plays when in view

Visual category browsing powered by the store catalogue so shoppers can enter product families quickly.

Max+In the builder
Collection categoriesOpen playground
Preview plays when in view

A clean product list for best sellers, edits, and comparison-heavy catalogue sections.

Pro+In the builder
Commerce product listsOpen playground
Preview plays when in view

A clean product list for best sellers, edits, and comparison-heavy catalogue sections.

Max+In the builder
Commerce product listsOpen playground
Preview plays when in view

A premium product row whose cards tilt and lift toward the pointer, pulled live from your catalogue by category.

ProVia a template
Preview plays when in view

A product grid where each card carries its colour swatches. Picking a colour swaps that card’s photograph and colour name, so shoppers compare finishes without leaving the page.

Pro+In the builder
Preview plays when in view

A mosaic of product tiles in mixed sizes. Hovering or focusing a tile expands its details in place — category, title, and price — without breaking the grid.

Pro+In the builder
Preview plays when in view

A horizontal rail of product stalls lit by a lantern that follows the pointer. Cards inside the light pool come up to full colour and show their price; cards in the shade stay dim, so a wide catalogue reads as a lit alley rather than a flat grid.

Existing designs
Preview plays when in view

The market price board: product on one side, price on the other, joined by a dotted leader that fills the exact remaining width of the row. Grouped by category, bilingual, and correct in both reading directions.

FreeIn the builder
Preview plays when in view

One styled photograph with your products tagged on it. Each marker opens the piece with its price and an add button, so a look sells straight from the picture. Markers are placed in percentages, so they mirror for Arabic, and any marker whose product is gone is dropped rather than left dead.

Existing designs
Preview plays when in view

Pair a collection image with a short story and a direct route into its products.

Max+Via a template
Preview plays when in view

Three rows of chips — occasion, recipient, budget — and one button that opens your catalogue already filtered. It writes the same query parameters the shop page reads, so the handoff is real rather than decorative.

Existing designs
Preview plays when in view

A complete catalogue with search, categories, price filters, and three page layouts.

FreeProduct page
All products pageOpen playground
Preview plays when in view

A complete catalogue with search, categories, price filters, and three page layouts.

FreeProduct page
All products pageOpen playground
Preview plays when in view

A complete catalogue with search, categories, price filters, and three page layouts.

FreeProduct page
All products pageOpen playground
© 2026 SouqnaExplore templates