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

Empowering

designers worldwide

Empowering

designers worldwide

Empowering

designers worldwide

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.
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.
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.
Figma component properties panel demonstrating customization options for a product card, including toggles for badges, wishlist, rating, and buttons, plus size and breakpoint selectors.
Figma component properties panel demonstrating customization options for a product card, including toggles for badges, wishlist, rating, and buttons, plus size and breakpoint selectors.
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.
Standard Figma toolbar interface showing essential vector design tools like frame selection, rectangle shape, pen tool, and text tool icons.

Elowen Yancy

Elowen Yancy

Elowen Yancy

Samantha Schultz

Samantha Schultz

Samantha Schultz

Liam Johnson

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.
Set of three cosmetic product thumbnails in rounded frames, displaying bottles and jars, designed for product gallery or related items sections.
Set of three cosmetic product thumbnails in rounded frames, displaying bottles and jars, designed for product gallery or related items sections.
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.
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.
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.
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.
Order status text element displaying a unique order number, filing date, and timestamp for user account history or order tracking interfaces.
Order status text element displaying a unique order number, filing date, and timestamp for user account history or order tracking interfaces.
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.
Sidebar filter UI component for online stores, including an 'Available only' toggle switch and a price range slider with minimum and maximum input fields.
Sidebar filter UI component for online stores, including an 'Available only' toggle switch and a price range slider with minimum and maximum input fields.
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.
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.
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.
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
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

6+ versions of the product card

Ready-made filters

All purchase-related informations

Everything you need to design an online store

USE CASE

Freelancers

Design e-commerce quickly without building from scratch. Complete more paid projects with ready-made components and templates.

USE CASE

Design Teams

Use modern design standards to eliminate chaos and ensure the highest quality without the need for constant revisions.

USE CASE

Startups & Founders

Launch a sleek product quickly while minimizing startup costs. Establish user trust with an interface that rivals market leaders from the start.

USE CASE

Freelancers

Design e-commerce quickly without building from scratch. Complete more paid projects with ready-made components and templates.

USE CASE

Design Teams

Use modern design standards to eliminate chaos and ensure the highest quality without the need for constant revisions.

USE CASE

Startups & Founders

Launch a sleek product quickly while minimizing startup costs. Establish user trust with an interface that rivals market leaders from the start.

USE CASE

Freelancers

Design e-commerce quickly without building from scratch. Complete more paid projects with ready-made components and templates.

USE CASE

Design Teams

Use modern design standards to eliminate chaos and ensure the highest quality without the need for constant revisions.

USE CASE

Startups & Founders

Launch a sleek product quickly while minimizing startup costs. Establish user trust with an interface that rivals market leaders from the start.

ESSENTIAL PROJECT ELEMENTS

Streamlined project design essentials

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

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

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-designed layouts

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.

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

124+ pages layouts

60+ sections

1300+ components

Desktop & mobile

COMPLETE ECOSYSTEM

Everything you need

in a single file

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)

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

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

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

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

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

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

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

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

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

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

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

User Dashboard

Customer panel featuring 10 views

User Dashboard

Customer panel featuring 10 views

…and dozens more components & layouts. Check them out

PRICING

Pay once to access everything!

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

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

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

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

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

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

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

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

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 trough

Ivan Jones

Liam Johnson

FAQ

Frequently Asked Questions

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?

What file formats will I receive?

Can I use the kit in commercial projects?

Can I use the kit in commercial projects?

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?

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 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?

Can I share the kit with a co-worker?

Can I share the kit with a co-worker?

Design faster with premium icons
Design faster with premium icons
Design faster with premium icons

Beautifully crafted icon library for modern design and front-end development, featuring over 40,000 icons

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