Astro Ecommerce is a free template designed to be both lightweight and feature-rich. It comes packed with everything you need to get your Online Store ready in no time.
Get Started Get FigmaThis template comes packed with designer files based on Figma.
Save months of work when you use our fully coded components and pages.
Save time and money by helping your team focus on customization and features.
Using Astro Ecommerce you get everything you
need to start creating your fully functional
and responsive Ecommerce website in days, not months.
Customize your colors, sizes, spacing or typography in minutes so they can fit perfectly for your brand. Spend time creating dApps logic and UX, our tools take care of the rest.
Using our ecommerce starter template will save a lot of coding time , as it provides a solid foundation for the Online Store, allowing your team to focus on customizing and adding specific features to meet the needs of your particular project.
Documentation<div class="card shadow-xs border bg-gray-100">
<div class="card-body p-lg-5">
<h5 class="mb-4">Order Summary</h5>
<ul class="list-unstyled">
<li class="border-bottom mt-3">
<div class="d-flex justify-content-between">
<p class="opacity-8">Subtotal</p>
<p class="fw-bold opacity-8">$
1997.00</p>
</div>
</li>
<li class="border-bottom mt-3">
<div class="d-flex justify-content-between">
<p class="opacity-8">Shipping estimate <span data-bs-toggle="tooltip" data-bs-placement="top"
title="More information related to shipping" data-container="body" data-animation="true"><i
class="fas fa-question-circle text-sm" aria-hidden="true"></i></span></p>
<p class="fw-bold opacity-8">$
0.00</p>
</div>
</li>
<li class="border-bottom mt-3">
<div class="d-flex justify-content-between">
<p class="opacity-8">Tax estimate <span data-bs-toggle="tooltip" data-bs-placement="top"
title="This may vary depending on the country you are in" data-container="body" data-animation="true"><i
class="fas fa-question-circle text-sm" aria-hidden="true"></i></span></p>
<p class="fw-bold opacity-8">$
7.00</p>
</div>
</li>
<li class="mt-4">
<div class="d-flex justify-content-between">
<h5 class="">Order Total</h5>
<h5 class="">$
2004.00</h5>
</div>
</li>
</ul>
<button class="btn btn-primary btn-lg w-100 mb-0">Checkout</button>
</div>
</div>
Subtotal
$ 1997.00
Shipping estimate
$ 0.00
Tax estimate
$ 7.00
All the sections and pages made with these elements will be fully responsive and will look beautiful on all types of screens, including phones, tables, or desktops.
From buttons, to inputs, navbars, alerts, tabels, cards or charts.
Save months of work when you use our pre-made pages.
Mix the already made sections and unleash your creativity.
Colors, typography system, shadows, and blur effects are ready to be used.
Astro is an all-in-one web framework for building fast, content-focused websites. The framework is based in Astro Islands architecture, which represents a leading paradigm shift for frontend web architecture.
Get StartedYou can start using our fully coded Ecommerce page examples if you want to get inspired or show something to your client.
Designed to introduce the website's purpose and encourage the user to take an action.
View PageIt's designed to give the user all the information they need to make a purchase decision.
View PageIncludes a summary of the items in the cart and a form for billing and shipping information.
View PageAstro Ecommerce is an open source and powerful design system that lets you create Ecommerce websites that your users will love.
Get Started