$69, Costs more than your $30 budget
Cover illustration. The files are listed under What's inside.
E-commerce Storefront Template
Fourteen storefront pages, from category filters and product detail to a cart drawer, three-step checkout and order history, in Tailwind CSS.
$69
$39 more than your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 14 pages
- File formats
- .fig, .html, .css, .js, .webp
- Supported software
- Figma, HTML/CSS, Tailwind CSS
- Download size
- 138 MB
- Good for
- Custom online shops
- Headless commerce front ends
- Product catalog prototypes
About this product
A slide-out cart drawer, size and color selectors and filter panels are coded with Tailwind CSS and small JavaScript modules, and in Figma the product cards, badges and form fields have variants for each state. The storefront spans fourteen pages: home, category listing with filters, product detail, search results, cart, a three-step checkout, order confirmation, account, order history, wishlist, about, contact, FAQ and 404.
Because the pages are static HTML, they connect to whichever commerce backend you choose, which suits independent brands building a custom shop front and developers working on a headless store. Account, order history and wishlist pages cover what happens after the first purchase too.
What's inside
- 14 pages from home to three-step checkout and order history
- Slide-out cart drawer and filter panels in plain JavaScript
- Product cards, badges and form fields as Figma components
- Size and color selectors with selected and sold-out states
- Backend-agnostic static pages styled with Tailwind CSS
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
$69, Costs more than your $30 budget
$68, Costs more than your $30 budget
$69, Costs more than your $30 budget