Back to themes

Cosmic Eclipse

A modern, production-ready e-commerce template with responsive storefronts, multilingual support, Keystatic CMS, and customizable components.


Cost

Paid


Created by
Cosmic Themes

Save weeks of time and launch a polished ecommerce website with a complete storefront experience.

Eclipse is a bold ecommerce template designed for fashion, lifestyle, outdoor, and product-focused brands. It includes three distinct landing page designs, a complete product catalog, persistent shopping cart, checkout flow, customer account pages, and a built-in blog for engaging shoppers. Built with Astro v7 and Tailwind CSS v4, with Keystatic CMS integration for easy content editing.

With tons of features to make your life easy:

  • Three responsive ecommerce landing pages, each with a distinct design and reusable storefront sections.
  • Complete shop with product search, category filtering, sorting, grid controls, and individual product pages.
  • Persistent browser-based shopping cart that works without an external ecommerce account.
  • Multi-step checkout and order-confirmation experiences ready to connect to your preferred commerce provider.
  • Flexible commerce provider architecture, making it easier to replace the included local product catalog with a production backend.
  • Full Internationalization (i18n) capabilities with English and French pages, utility functions, examples, and components.
  • Keystatic CMS integration for blog posts, authors, and editable pages, with a polished interface and rich-text editor.
  • Easy-to-use data and configuration files for products, prices, categories, reviews, navigation, metadata, and other important website content.
  • Reusable product grids, category cards, promotional sections, campaign banners, navigation components, and ecommerce layouts.
  • Account, sign-in, sign-up, password-reset, About, Contact, FAQ, cart, checkout, and order-confirmation pages.
  • Light and dark themes with centralized commerce color tokens.
  • Built-in image optimization with Astro.
  • Built-in MDX blog with frontmatter validation, categories, tags, multiple authors, pagination, and RSS.
  • Scroll-based animations powered by Motion that are easy to customize or disable.
  • SEO essentials such as Open Graph tags, social metadata, sitemap generation, and structured page metadata are already handled.
  • View transitions enabled.
  • Netlify deployment configuration included.
  • Fully responsive across desktop, tablet, and mobile devices.

Local Storefront and Commerce Integration

Eclipse includes a working local storefront demo, so you can explore the complete shopping experience without API keys, network access, or an external ecommerce account. Products are stored in a structured JSON catalog, and the shopping cart persists in the visitor’s browser.

When you are ready for production, the included commerce provider interface gives you a clear starting point for connecting a hosted ecommerce platform or custom backend. Vendor-specific SDKs, authentication, and product normalization can remain isolated inside your provider adapter.


Keystatic CMS

Keystatic is included with Eclipse, allowing non-technical editors to manage blog posts, authors, and other website content through a friendly visual interface. It is a local, Git-based CMS, so your content continues to live in your repository as Markdown and MDX files.

Don’t want to use it? Simply run 'npm run remove Keystatic' to remove Keystatic and its dependencies from the project.


Further Info

If you have any questions, feel free to reach out:

Cosmic Themes also offers an All Access bundle that includes every existing theme, all newly released themes, and future updates. Learn more at Cosmic Themes All Access.