Multipurpose React / Next.js / Bootstrap 5 E-Commerce Template

Unlock the potential of your online business with our premium e-commerce front-end template, carefully crafted on the latest frameworks.

Furniture StoreFurniture Store
Grocery StoreGrocery Store
Fashion Store v.1Fashion Store v.1
Fashion Store v.2Fashion Store v.2
Electronics StoreElectronics Store
Single Product StoreSingle Product Store
MarketplaceMarketplace

Complete E-Commerce Front-end Solution

All you need for your next e-commerce project

E-Commerce Front-endE-Commerce Front-end
  • Multiple Shop Layout Options
  • Multiple Product Page Variations
  • Complete Order Workflow: Cart + Checkout
  • Shop Customer Account Pages
  • Marketplace Vendor Account Pages
  • Electronics, Fashion, Grocery, Furniture,
    Marketplace and Single Product Store Demos
  • Blog Pages: Blog Layouts + Single Articles
  • Help Center / Support Pages
  • Secondary Pages: About, Contacts, 404, etc.
  • 60+ Flexible Components (UI Kit)
Dark ModeLight Mode

Cartzilla Feature Highlights

Next.js

Powered by React / Next.js

Cartzilla is built with React and Next.js. It supports hybrid rendering (static and server-side), data fetching with Server and Client Components, route prefetching, built-in image optimization, and more.

Bootstrap

Built with Latest Bootstrap

Cartzilla is the powerful e-commerce front-end solution based on Bootstrap 5 - the world's most popular responsive, mobile-first front-end component library.

Sass

Easy to Customize with Sass

Cartzilla is built using Sass, allowing for effortless customization of colors, typography, and beyond. It is the most mature, stable, and powerful CSS extension language in the world.

Npm

Kick-start Your Development

Start your development process fast and easy with included Npm scripts setup, full tasks automation and local server hot reload. The configuration files are included in the download package.

Documentation

Detailed Documentation

The download package includes offline documentation and links to online resources. It provides all the essential information on getting started, customizing the template, and using its components.

Figma

Premium Figma File Included

A well-crafted Figma design file is included in the download package. It offers a visually stunning and thoroughly organized layout, utilizing Figma's components and styles.

Touch UI

Touch-enabled Sliders

A well-crafted Figma design file is included in the download package. It offers a visually stunning and thoroughly organized layout, utilizing Figma's components and styles.

Google Fonts

Google Fonts

Cartzilla uses preloaded variable Google font (Inter) which is free, fast to load and of very high quality. Currently Google fonts library includes 1600+ font families to choose from.

Vector Icons

Vector Based HD-ready Icons

Cartzilla is equiped with font-based icon pack and svg icons to ensure that infographics and interface icons look sharp on any device with any screen resolution and pixel density.

Mobile screensMobile screens

Mobile Friendly Interface. PWA ready

Cartzilla ensures seamless interactions across all devices. With progressive web app (PWA) compatibility, users can enjoy the app-like experiences on their mobile browsers.

Scan QR code below to test on your device:

QR codeQR code

Customize Theme with Sass

ColorsColors
Colors

Change all main theme colors quickly and easily

Customize theme colors effortlessly by modifying Sass variables. Adjust your brand's palette with full control over every color in your template, from buttons and backgrounds to text and borders. This allows for a fully tailored look that aligns with your design vision.

TypographyTypography
Typography

Set up fonts from the huge Google font collection

Easily update fonts to match your style using Sass variables. Select from over 1,600 open-source Google Fonts and fine-tune heading and body font sizes directly in the code.

BordersBorders
Borders

Rounded or square? Customize borders as you wish

It's up to you to make your website soft and friendly with increased border radius or add business vibes with less rounded shapes. Additionally, you can adjust the border width.

Top