DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,864 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Vivian Guillen
Vivian Guillen

Posted on • Originally published at redpixelthemes.com

10 Tailwind CSS eCommerce templates, both free and paid

This post was originally posted on Red Pixel Themes.


Free

bartektelec.github.io_shuuz-client_(Macbook Pro).png

Shuuz

Demo | Get it here

Important bits

  • Built with Vue3 + Vuex
  • Uses Strapi as a back-end
  • Figma design available with wireframes

Description

E-commerce website built with Vue 3 and TailwindCSS

5a9e07157bd4abf4e85298e57f4d0aff7302b3fc-1200x630.webp

Sanity E-Commerce Website

Demo | Get it here

Important bits

  • Includes 5+ pages
  • Has product search with size, gender, and category filtering
  • Uses the Shopify storefront API

Screen Shot 2022-08-29 at 7.21.33 PM.png

Rafcart - Ecommerce Tailwind Template

Demo | Get it here

Important bits

  • HTML/CSS template
  • Includes 8 pages
  • Includes documentation

Paid

2340x1560-.jpeg

Sinp - Single Product Ecommerce Template

Demo | Price: $19 | Get it here

Important bits

  • HTML/CSS template
  • 30+ pages and 4 different homepage designs
  • Includes a dynamic contact form
  • It’s fully responsive

Description

Sinp is a single product tailwind CSS template and comes with 30+ HTML pages along with 4 unique homepage variations all having a distinct and beautiful look. The homepage of this website has a mega menu to help users navigate around the site more conveniently. Apart from the homepage, you will find inner pages like shop page, blog page, about page, FAQ page, 404 page, contact page, etc.

elyssi-header.jpeg

Elyssi

Demo | Price: $39 | Get it here

Important bits

  • Made with Tailwind CSS and Alpine.js
  • Includes 17 Pages
  • It’s fully responsive

Description

Elyssi is an eCommerce HTML Template made with the latest technologies like Tailwind CSS, Alpine.JS, among others and based on a modern and creative design. It includes all the needed features to create an incredibly fast responsive business website with an amazing UI/UX experience.

Screen Shot 2022-08-29 at 6.29.28 PM.png

ChawkBazar - React Next Lifestyle Ecommerce Template

Demo | Price: $29 | Get it here

Important bits

  • Built with React, NextJS, TypeScript, and Tailwind CSS.
  • Has an advanced product search and product quick review.
  • Has a mega menu
  • Also available in WordPress and Laravel versions

Description

ChawkBazar is a lifestyle e-commerce template based on React, Next, TypeScript & Tailwind. It has 5 home pages and many additional pages. It’s very easy to use, we have used strict typed TypeScript for reusable components.

Screen Shot 2022-08-29 at 6.47.18 PM.png

Cartify - Laravel Ecommerce Platform with Tailwind CSS

Demo | Price: $19 | Get it here

Important bits

  • Uses Laravel 9, Livewire, Alpine.js, and Tailwind CSS
  • Supports unlimited product variants.
  • Pre-integrated with Stripe and PayPal.
  • Has a guest checkout feature

Description

Cartify is an eCommerce platform that was built on top of the Laravel framework version 9. Every single component is carefully crafted from scratch bringing ease of customization and extending.

Screen Shot 2022-08-29 at 6.49.04 PM.png

KachaBazar - React Next eCommerce Template

Demo | Price: $24 | Get it here

Important bits

  • Uses Next.js, React.js, Express.js, Tailwind CSS, and MongoDB
  • It’s integratedΒ with StripeΒ for checkout with credit card.
  • Has an order invoice page with an order printing option.
  • Has product search with price filtering, and also shows products by Category.

Description

KachaBazar is an e-commerce template built with Next.js and Tailwindcss with Rest API integration. This template backend is ready and is built with node, express, mongoose schema validation and uses MongoDB for the database.

Screen Shot 2022-08-29 at 7.07.28 PM.png

PickBazar - React Ecommerce Template

Demo | Price: $24 | Get it here

Important bits

  • Built with React, NextJS, TypeScript, GraphQL, REST API, NestJS & Tailwind CSS.
  • Includes 7 demos and 9 dashboard templates
  • Includes a payment integration with Stripe

Description

*PickBazar* template was built with React, NextJS, TypeScript, GraphQL, Nest JS & Tailwind Css, our template promises to deliver an interface for your business that is quick and easy to set up!

megabyte-technology-store--multipurpose-ecommerce-website-htmltailwind-css-template_230196-original.webp

Megabyte - Technology Store | Multipurpose eCommerce Website

Demo | Price: $35+ | Get it here

Important bits

  • HTML/CSS template
  • Includes 20+ pages
  • Uses Bootstrap icons, Google fonts, and Google maps

Description

MegabyteΒ is a modern, clean, and eye-pleasing template built for online tech stores, but it can be adapted to any category, such as: a clothing and fashion store, a garden store, a food store, etc. It fits and looks elegant on any category.Β This is the perfect template to show your presence on the Internet and sell any type of product.

Top comments (0)

About Real-time

Join DEV and MongoDB to build a front-end application using MongoDB Atlas. Change streams to display live updates as your database changes for your entry in the DEV x MongoDB Atlas Hackathon 2022.

β†’ Join the Hackathon