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
: LifetimeUnlimited
hobby & commercialprojects
- π Free Support (Email & Discord)
- π Bootstrap 5 styling
- βοΈ
Gulp Tooling
(simple usage, no fancy tools) - β
Easy Customization (files already integrated)
Primary/secondary
colors in variables.scssAdd your own code
in custom.scss
- β
Pages
- β HOMEpage
- β Category Page
- β Product
- β Auth Pages (signIn, register)
Compile the project
$ yarn # install modules
$ gulp scss # start for development
$ gulp # Development Build
The design should be visible in the browser.
β
Step 1
: Open & Editsrc/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 tosrc/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 viaGULP
$ gulp scss
At this point, the new styles should be visible in the website.
Product Page
Testimonial Component
PROMO Component
Brand Component
Free eCommerce Design - Open-Source project crafted by AppSeed.