v1.0 is now available

Design
e-commerce

Design e-commerce

Design e-commerce

Design e-commerce

10× faster in Figma

10× faster in Figma

10× faster in Figma

10× faster in Figma

Ecluso is a complete Figma UI Kit and design system packed with ready-to-use e-commerce sections and styles

Ecluso is a complete Figma UI Kit and design system packed with ready-to-use e-commerce sections and styles

Ecluso is a complete Figma UI Kit and design system packed with ready-to-use e-commerce sections and styles

Ecluso is a complete Figma UI Kit and design system packed with ready-to-use e-commerce sections and styles

Get ecluso now

Get ecluso now

Preview in Figma

Preview in Figma

Empowering

designers worldwide

Complete e-commerce product detail page (PDP) layout design featuring a header, product image gallery, variant selection dropdowns, description tabs, and pricing information.
Complete e-commerce product detail page (PDP) layout design featuring a header, product image gallery, variant selection dropdowns, description tabs, and pricing information.
Selected master component of a product card in Figma highlighted with a purple bounding box, showing the internal structure and 'Add to cart' button.
Selected master component of a product card in Figma highlighted with a purple bounding box, showing the internal structure and 'Add to cart' button.
Figma component properties panel demonstrating customization options for a product card, including toggles for badges, wishlist, rating, and buttons, plus size and breakpoint selectors.
Standard Figma toolbar interface showing essential vector design tools like frame selection, rectangle shape, pen tool, and text tool icons.
Standard Figma toolbar interface showing essential vector design tools like frame selection, rectangle shape, pen tool, and text tool icons.
Standard Figma toolbar interface showing essential vector design tools like frame selection, rectangle shape, pen tool, and text tool icons.

Elowen Yancy

Elowen Yancy

Samantha Schultz

Samantha Schultz

Samantha Schultz

Liam Johnson

Liam Johnson

Save time & budget

With ecluso, save time by reusing components

Frictionless UX

E-commerce projects using ecluso UI Kit are user-friendly and efficient

Customize in seconds

ecluso UI Kit simplifies editing text styles, colors, and design details

Always on-brand

Achieve a professional and consistent look for your e-commerce projects

Set of three cosmetic product thumbnails in rounded frames, displaying bottles and jars, designed for product gallery or related items sections.
Minimalist e-commerce product card UI component featuring a product image, promotion badge, rating stars, price, wishlist icon, and a dark 'Add to cart' button.
Order status text element displaying a unique order number, filing date, and timestamp for user account history or order tracking interfaces.
Sidebar filter UI component for online stores, including an 'Available only' toggle switch and a price range slider with minimum and maximum input fields.
Shopping cart summary UI widget showing a list of selected items, pricing details, promo code input field, and a 'Go to checkout' call-to-action button.

ESSENTIAL PROJECT ELEMENTS

Ready entire product purchase path

Ready entire product purchase path

ecluso provides a consistent design across all views of a product's purchase path, including purchase and post-purchase information, as well as user settings, ensuring a seamless user experience

ecluso provides a consistent design across all views of a product's purchase path, including purchase and post-purchase information, as well as user settings, ensuring a seamless user experience

6+ versions of the product card

Ready-made filters

All purchase-related informations

Everything you need to design an online store

USE CASES

Built for designers at every stage

Built for designers at every stage

Built for designers at every stage
Freelancers

Ship e-commerce projects faster with ready-made layouts and components

Design Teams

Shared components and consistent patterns mean fewer revisions and cleaner handoffs

Startups & Founders

Present a polished, conversion-ready storefront to investors and users.

Get ecluso now

Preview in Figma

Preview in Figma

ESSENTIAL PROJECT ELEMENTS

Streamlined project design essentials

Streamlined project design essentials

Focuses on the most critical components of the project, eliminating unnecessary elements to ensure clarity and efficiency in design.

No fancy layouts

Lack of unnecessary components

Minimalist approach

Components that are practical to use

Set of circular user profile avatars featuring diverse faces, suitable for testimonial or team sections.
Minimalist text input field components with label and placeholder text, showing default and active states for forms.
Set of orange primary button components in various states including default, hover, and disabled, with circular icons.
"Added to cart" confirmation modal window showing product details, cart total, and navigation buttons.
Five-star rating system UI elements displaying ratings from 1.0 to 5.0 with yellow star icons.

TAILOR THE COMPLETE UI KIT

Personalization with

variables and styles

Personalization with

variables and styles

Personalization with
variables and styles

First variant

Orange Based

Second variant

100

150

+$15

200

+$20

250

+$50

1

Add to cart

#F36620

Primary/600

shift

First variant

Orange Based

Second variant

100

150

+$15

200

+$20

250

+$50

1

Add to cart

#F36620

Primary/600

shift

Colors

Change colors throughout your project with a single click

Styles, variables and modes

Style-linked variables ensure visual consistency and allow easy updates.

Easy personalization

Quickly customize the entire UI kit to reflect your brand by adjusting fonts, colors, corners, and components.

Default (Hard)

Hard

Medium

Soft

Default (Hard)

Hard

Medium

Soft

Corner radiuses

Predefined rounding sizes throughout the project (Hard, Medium, Soft)

Liam Johnson

Liam Johnson

Liam Johnson

Liam Johnson

Fonts

Easily manage and customize all your fonts from one place for a stylish project look.

PRE-MADE ELEMENTS

PRE-MADE ELEMENTS

Pre-designed layouts

Pre-designed layouts

Ready made, all the most important views of the entire online store.

Ready made, all the most important views of the entire online store.

Get ecluso now

Preview in Figma

124+
124+

Pages layouts

Complete layouts covering every key view of an online store.

60+
60+

Sections

Flexible, ready-to-use building blocks for any page structure.

1300+
1300+

Components

A consistent UI system that speeds up design and keeps everything scalable.

Every Screen
Every Screen

Desktop & Mobile

Fully responsive layouts, designed for both breakpoints from day one.

COMPLETE ECOSYSTEM

Everything you need

in a single file

Everything you need
in a single file

Buttons

6 variants (Primary, Ghost, etc.) x 4 states (Default, Hover, Focus, Disabled)

Buttons

6 variants (Primary, Ghost, etc.) x 4 states (Default, Hover, Focus, Disabled)

Inputs Fields

100% validation coverage and 9 input types

Inputs Fields

100% validation coverage and 9 input types

Product Cards

Available in 2 layouts: vertical and horizontal

Product Cards

Available in 2 layouts: vertical and horizontal

Rating System

Scalable 5-star components for reviews and social proof

Rating System

Scalable 5-star components for reviews and social proof

Navigation

Responsive system featuring variants including desktop and mobile

Navigation

Responsive system featuring variants including desktop and mobile

Categories

Grids, sliders, and layouts for showcasing product collections in 10 variants

Categories

Grids, sliders, and layouts for showcasing product collections in 10 variants

Mega Menu

Includes 5 variants ready for complex category trees

Mega Menu

Includes 5 variants ready for complex category trees

Filters

Sidebar supporting 10+ attributes

Filters

Sidebar supporting 10+ attributes

Homepage

Conversion-focused layout built with 17 sections

Homepage

Conversion-focused layout built with 17 sections

Product Page

6 layout types created, each optimized for maximum conversion

Product Page

6 layout types created, each optimized for maximum conversion

Checkout Flow

Complete 4-step process: Cart, Delivery, Summary, Thank you page

Checkout Flow

Complete 4-step process: Cart, Delivery, Summary, Thank you page

User Dashboard

Customer panel featuring 10 views

User Dashboard

Customer panel featuring 10 views

…and dozens more components & layouts. Check them out

Preview in Figma

Preview in Figma

PRICING

Pay once to access everything!

Pay once to access everything!

Unlock the full potential of the ecluso UI Kit and create your next e-commerce project with ease.

Basic plan

Popular

$

99

For solo designers

Get ecluso now

Preview in Figma

A set of UI components

License for 1 person

Predefined layouts

Personalization with styles and variables

For personal and commercial use

Free updates

Desktop & Mobile

Basic plan

Popular

$

99

For solo designers

Get ecluso now

Preview in Figma

A set of UI components

License for 1 person

Predefined layouts

Personalization with styles and variables

For personal and commercial use

Free updates

Desktop & Mobile

Basic plan

Popular

$

99

For solo designers

Get ecluso now

Preview in Figma

A set of UI components

License for 1 person

Predefined layouts

Personalization with styles and variables

For personal and commercial use

Free updates

Desktop & Mobile

Team plan

$

199

For teams

Get ecluso now

Preview in Figma

A set of UI components

License for up to 5 people

Predefined layouts

Personalization with styles and variables

For personal and commercial use

Free updates

Desktop & Mobile

Team plan

$

199

For teams

Get ecluso now

Preview in Figma

A set of UI components

License for up to 5 people

Predefined layouts

Personalization with styles and variables

For personal and commercial use

Free updates

Desktop & Mobile

Team plan

$

199

For teams

Get ecluso now

Preview in Figma

A set of UI components

License for up to 5 people

Predefined layouts

Personalization with styles and variables

For personal and commercial use

Free updates

Desktop & Mobile

Transaction secured through

Custom design

STARTING FROM

$

1,500

For your next project

Custom UI, websites, web apps, e-commerce and more. From initial concept to a clean, developer-ready file. Scope defined together

arturdziula

Senior Web Designer

Send a brief

Ivan Jones

Liam Johnson

FAQ

Frequently Asked Questions

Frequently Asked Questions

Find answers to common questions about our store, orders, and policies.

What file formats will I receive?

What file formats will I receive?

What file formats will I receive?

Can I use the kit in commercial projects?

Can I use the kit in commercial projects?

What do the updates look like?

What do the updates look like?

Can I return the set if I don't like it?

Can I return the set if I don't like it?

Can I share the kit with a co-worker?

Can I share the kit with a co-worker?

SEE IT IN ACTION

Designed with ecluso

Designed with ecluso

Designed with ecluso

Designed with ecluso

A look at what's possible. Real e-commerce interfaces built
using ecluso components and layouts.

A look at what's possible. Real e-commerce interfaces built using ecluso components and layouts.

A look at what's possible. Real

e-commerce interfaces built using ecluso components and layouts.

Explore more

Explore more

Explore more

🚀 Get 15% off the ecluso UI Kit with code ECLUSO15
🚀 Get 15% off the ecluso UI Kit with code ECLUSO15