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
127 components
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
Preview plays when in view

The opening section for a storefront. Use it for the brand name, promise, visual direction, and the first action a visitor should take.

FreeIn the builder
Preview plays when in view

A wide visual moment for campaigns, collections, announcements, or mood-setting photography with optional overlay copy.

FreeIn the builder
Preview plays when in view

A focused writing block for founder notes, explanations, policies, process, value propositions, or editorial storytelling.

FreeIn the builder
Preview plays when in view

A single image with controlled width, aspect ratio, alt text, and caption. Best for product detail, place, proof, or process.

FreeIn the builder
Preview plays when in view

A grid of images for collections, looks, venues, before-and-after stories, or any page that needs visual scanning.

FreeIn the builder
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
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 single hero product pulled from the catalogue. Use it to spotlight a best seller, launch item, or anchor offer.

FreeIn the builder
Preview plays when in view

Structured service cards with descriptions and prices for appointments, packages, consulting, and custom work.

FreeIn the builder
Preview plays when in view

A bilingual price-list pattern for cafes, kitchens, services, workshops, and any offer that reads best as rows.

FreeIn the builder
Preview plays when in view

A dated agenda for classes, pop-ups, drops, bookable sessions, workshops, and time-based availability.

FreeIn the builder
Preview plays when in view

A practical contact card for phone, area, hours, Instagram, and custom profile details.

FreeIn the builder
Preview plays when in view

A focused call-to-action for inquiries, bookings, WhatsApp conversations, custom orders, or quote requests.

FreeIn the builder
Preview plays when in view

The buyer surface for Souqna Activities — bookings, cafe/F&B orders, or tailoring measurements. Install a matching activity app, then drop this panel on a page. Submissions flow into the cart and checkout.

Existing designs
Preview plays when in view

A silent vertical pause that gives sections room and improves the rhythm of long pages.

FreeIn the builder
Preview plays when in view

A thin separator for ending one idea, grouping related blocks, or adding structure without visual weight.

FreeIn the builder
Preview plays when in view

A motion headline or statement for first-scroll moments, campaign emphasis, or a page break with energy.

Pro+In the builder
Preview plays when in view

A premium layered product card that adds depth around one selected product and gives the page a tactile commerce feel.

Max+In the builder
Preview plays when in view

A premium image card that lifts and tilts on hover, useful for campaigns, objects, places, and editorial imagery.

Pro+In the builder
Preview plays when in view

A bold content card with date, pattern, CTA, and hover lift for announcements, events, drops, or featured notes.

Pro+In the builder
Preview plays when in view

A promotional product card with badges, hover treatment, and add-to-cart support for launches, edits, and featured offers.

Max+In the builder
Preview plays when in view

A bundle and complete-the-look block that reads Taqim settings and turns related products into one higher-value offer.

FreeIn the builderApp required
Preview plays when in view

A parallax depth card for one strong image and short story. Use it sparingly for premium highlights.

Pro+In the builder
Preview plays when in view

A narrow animated aurora strip for short feature breaks, atmospheric transitions, and premium visual rhythm.

Pro+In the builder
Preview plays when in view

A curved text marquee for premium campaign lines, product suite statements, and moving editorial separators.

Pro+In the builder
Preview plays when in view

A compact story switcher with active imagery for use cases, gift guides, launch edits, or service paths.

Pro+In the builder
Preview plays when in view

A draggable horizontal showcase for campaigns, lookbooks, portfolios, visual proof, or gallery-led browsing.

Pro+In the builder
Preview plays when in view

A 3D carousel for a small set of stories, projects, collections, or signature offers.

Pro+In the builder
Preview plays when in view

A filterable portfolio grid for projects, case studies, makers, product stories, or press highlights.

Pro+In the builder
Preview plays when in view

A tabbed image rail for teams, creators, categories, events, or any story split into named groups.

Pro+In the builder
Preview plays when in view

A detailed product gallery with images, sizes, colors, details, and a compact buying surface.

Max+In 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

A product detail block focused on color choices, image swaps, tabs, sizes, and product information.

Max+In the builder
Preview plays when in view

A limited-release product block for scarcity, reservations, availability notes, and launch-style buying moments.

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

A paid storefront navigation block using real Souqna routes, logo, product index, policy links, and cart actions.

Pro+In the builder
Preview plays when in view

A premium ecommerce hero built for live products, bilingual copy, strong CTAs, and mobile-first commerce layouts.

Pro+In the builder
Preview plays when in view

Editable bilingual review cards for social proof, product trust, and premium storefront credibility.

Pro+In the builderApp required
Preview plays when in view

A controlled Max+ offer module for launch edits, discount messaging, and highlighted product rails.

Max+In the builder
Preview plays when in view

A commerce footer with store routing, policy links, and WhatsApp support when the store phone is configured.

Pro+In the builder
Preview plays when in view

An opening scene with a living light field behind editorial copy and a clear call to action.

FreeIn the builder
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 seamless, hover-pausing marquee of bilingual customer reviews with star ratings — instant trust before the sale.

ProVia a template
Preview plays when in view

A cinematic opener whose scene layers and headline move at different speeds as visitors scroll.

Existing designs
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 full buy panel for one product: gallery carousel, discount and stock badges, colour swatches, size chips, and an add-to-bag button wired to the live cart.

Max+In the builder
Preview plays when in view

A wide product image with a rail of thumbnails down its reading edge, beside a narrow column of stacked cards: price, size, quantity, add-to-bag, and the description behind an accordion.

Max+In the builder
Preview plays when in view

Two full-height product photos side by side, with a large display heading, colour swatches that swap both frames, a pill add-to-bag, and the details split across tabs.

Max+In the builder
Preview plays when in view

One tall product frame beside a column that leads with the availability line, then the title, size, colour, add-to-bag, the product badges as highlight pills, and the details behind accordions.

Max+In the builder
Preview plays when in view

Product cards in three treatments — colour swatches over the image, a horizontal layout for narrow columns, or a minimal card whose add-to-cart appears on hover. Star ratings come from published reviews.

Pro+In the builder
Preview plays when in view

A horizontal rail of product cards. Selecting one widens it in place and slides out a panel with the category, description, price, and a link to the product.

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

One object presented as a museum record. A hairline card draws itself as you scroll — frame, measurement rules, then leader lines that anchor to the specification rows beside it.

Existing designs
Preview plays when in view

The photograph surfaces out of a field of limestone grain as it enters view — grains clear from the centre outward rather than a fade. The image underneath is always real.

Existing designs
Preview plays when in view

A drawn horizon where the dunes meet the inland sea. Scroll raises and lowers the waterline and shifts the ridges against each other. Painted entirely from the storefront's own palette.

FreeIn the builder
Preview plays when in view

A letterboxed plate that scrubs through a product's own photographs as the section passes, like scrubbing a film. Falls back to a plain gallery strip under reduced motion.

Existing designs
Preview plays when in view

A working menu board. Courses become tabs; each dish carries its bilingual name, description and price on a shared baseline joined by a leader. Sold-out dishes stay visible with the price struck.

FreeIn the builder
Preview plays when in view

An inline reservation panel: the next two weeks as a scrollable date strip, a party-size stepper, and time chips. Confirming composes the booking into the storefront's existing enquiry path.

FreeIn the builder
Preview plays when in view

A grid of work where every tile casts a real shadow, not a blur. Scrolling moves the sun across the block and the whole grid's shadows swing and lengthen together.

Existing designs
Preview plays when in view

A real specification table — hairline rules, tabular numerals, an aligned unit column, and bilingual row labels. Written as a proper table so a screen reader can navigate it.

FreeIn the builder
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

Give a customer quote or a brand statement its own quiet editorial moment.

Existing designs
Preview plays when in view

Show delivery, returns, and service promises in a clear compact row.

FreeIn the builder
Preview plays when in view

The questions your counter answers twice a day, on hairline rows that open one at a time. Built on native disclosure elements, so it works before any script loads and reads correctly to a screen reader.

Pro+Via a template
Preview plays when in view

A real measurement table with a centimetre/inch toggle that converts in place and announces the change. Figures align on the decimal point, in both reading directions.

FreeIn the builder
Preview plays when in view

Two columns: what the piece is made of, and how to look after it — with an origin line at the foot. The line most makers want to say and no other block carries.

Pro+Via a template
Preview plays when in view

A shop's own history as dated entries down a hairline spine. Years set in tabular numerals, Arabic-Indic under RTL, and the whole spine mirrors.

Existing designs
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

For a shop with more than one counter: each location with its address, hours, a tap-to-call number and a directions link built from the address itself — never from invented coordinates.

Existing designs
Preview plays when in view

Your pieces on cards that pin to the screen and give way one at a time as the visitor scrolls — each with its price and a way to buy. Six treatments, from a quiet lift to a full turn. Falls back to a plain stacked list when the visitor asks for reduced motion.

Existing designs
Preview plays when in view

The catalogue as one tilted wall, its rows drifting against each other and fading into the page at both edges. Draws on your products by default, or on plates you paste in yourself. The tilt mirrors on an Arabic storefront so the diagonal always climbs with the reading.

Existing designs
Preview plays when in view

One product across the top — its photo, its price, and the star average worked out from the reviews you have actually collected — with those reviews listed underneath. Pick the piece you want to push, or leave it and the best-rated one takes the slot. A product nobody has reviewed yet shows no stars rather than an empty five.

FreeIn the builder
© 2026 SouqnaExplore templates