Free eCommerce Design

Open-Source eCommerce Design Template styled with Bootstrap 5 using a simple codebase and best practices - Actively supported by AppSeed.

• 👉 eCommerce Design: LIVE DEMO
• 👉 License CC BY 3.0 - Preserve footer credit

Need More? 🛒 BUY License: ONLY $19 (one-time payment via GUMROAD)

• Access to FIGMA File view demo
• Remove Footer Credits
• Updates: Lifetime
• Unlimited hobby & commercial projects
• 🚀 Free Support (Email & Discord)

Features

• 🚀 Bootstrap 5 styling
• ⚙️ Gulp Tooling (simple usage, no fancy tools)
• ✅ Easy Customization (files already integrated)
  • Primary/secondary colors in variables.scss
  • Add your own code in custom.scss
• ✅ Pages
  • ✅ HOMEpage
  • ✅ Category Page
  • ✅ Product
  • ✅ Auth Pages (signIn, register)

How To use it

Compile the project

$ yarn      # install modules
$ gulp scss # start for development
$ gulp      # Development Build

The design should be visible in the browser.

How To Customize

✅ Step 1: Open & Edit src/assets/scss/variables.scss. This file allows to set the primary and seconday colors of the website

/*
* Global Styling (edit below variables) 
* Warn: once edited, the SCSS needs to be recompiled
*/
$primary:   #FF7A00 !default; // primary color
$secondary: #00D2C4 !default; // secondary
$info:      #17c1e8 !default; 
$success:   #82d616 !default;
$warning:   #fbcf33 !default;
$danger:    #ea0606 !default;

✅ Step 2: Add custom styles to src/assets/scss/custom.scss. This file, initially shipped empty, should contain your own code CSS code.

.your-awesome-class {
    color: red;
}

✅ Step 3: Recompile SCSS via GULP

$ gulp scss

At this point, the new styles should be visible in the website.

Sections

Product Page

Testimonial Component

PROMO Component

Brand Component

---

Free eCommerce Design - Open-Source project crafted by AppSeed.