Design & Code by logo-creative-tim
designers
For Designers

This template comes packed with designer files based on Figma.

developers
For Developers

Save months of work when you use our fully coded components and pages.

creators
For Store Owners

Save time and money by helping your team focus on customization and features.

Trusted by the best companies
logo-microsoft
logo-cisco
logo-ibm
logo-amazon
logo-salesforce
logo-vodafone
logo-united-nations
Attention to hiqh-quality code

Develop consistenly using Astro architecture principles

Using Astro Ecommerce you get everything you
need to start creating your fully functional
and responsive Ecommerce website in days, not months.

developers
design
Attention to beautiful design

Awesome color palette, variables & elements foundation.

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.

By developers, for entrepreneurs

Don't write from scratch. Coded examples are included.

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>
Order Summary
  • Subtotal

    $ 1997.00

  • Shipping estimate

    $ 0.00

  • Tax estimate

    $ 7.00

  • Order Total
    $ 2004.00
Powerful Ecommerce UI Tool

Astro Ecommerce is the starting point for your next project!

Don’t spend hours reinventing the wheel! Our UI tool comes packed with everything you need for you Online Store.

guideline
High standards of UI & UX

From idea to design. From design to code. From code to live.

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.

astro react bootstrap figma tailwind Soon

70+

Coded Elements

From buttons, to inputs, navbars, alerts, tabels, cards or charts.

3

Example Pages

Save months of work when you use our pre-made pages.

30+

Design Blocks

Mix the already made sections and unleash your creativity.

40+

Global Styles

Colors, typography system, shadows, and blur effects are ready to be used.

Get Figma
Frontend web architecture

What is Astro?

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 Started
github
Get inspired!

Example Pages

You can start using our fully coded Ecommerce page examples if you want to get inspired or show something to your client.

Landing Page

Designed to introduce the website's purpose and encourage the user to take an action.

View Page
Product Page

It's designed to give the user all the information they need to make a purchase decision.

View Page
Checkout Page

Includes a summary of the items in the cart and a form for billing and shipping information.

View Page
Open Source

Let's join forces for a better web!

Astro Ecommerce is an open source and powerful design system that lets you create Ecommerce websites that your users will love.

Get Started
github