Eclipse
A bold ecommerce template with three landing pages, a complete storefront journey, and flexible commerce architecture
Key Features
- Astro v7 and Tailwind CSS v4
- 3 Pre-designed Ecommerce Landing Pages
- Complete Product Catalog and Storefront
- Category and Product Filtering
- Persistent Browser-based Cart
- Multi-step Checkout Flow
- Flexible Commerce Provider Architecture
- Product, Account, and Authentication Pages
- Full English and French i18n
- Light and Dark Theme Support
- Keystatic CMS Integration
- MDX Blog with Categories and Authors
- SEO Metadata, Sitemap, and RSS
- Responsive Ecommerce Components
- Support
- All Future Updates
Deploy faster, gain your time back
Don't waste time building a blog and pricing section...
Specifications
- tailwindcss
- keystatic/astro
- astrojs/mdx
- astrojs/netlify
- astrojs/react
- astrojs/rss
- astrojs/sitemap
- astro-icon
- astro-seo
- playform/compress
- motion
- motion-on-scroll
- swiper
- tailwindcss/forms
- tailwind-merge
- tailwind-variants
- tw-animate-css
Launch a polished online store with the complete customer journey already designed and ready to customize.
Eclipse is a bold ecommerce template built for fashion, lifestyle, outdoor, and product-focused brands. It includes three distinct landing-page concepts, a complete demo storefront, editorial content, and reusable commerce sections that make it easy to create a memorable shopping experience without starting from scratch.
The included local commerce provider keeps the entire demo functional without API keys or an external vendor account. Products come from a structured JSON catalog, the cart persists in the browser, and the provider interface gives developers a clear path for connecting a production commerce backend when the store is ready to launch.
Key Features
Storefront And Shopping
- Three responsive ecommerce landing pages with distinct visual directions
- Complete shop with product search, category filters, sorting, and grid controls
- Individual product pages with product details, reviews, and related content
- Persistent browser-based shopping cart
- Multi-step checkout and order-confirmation experiences
- Account, sign-in, sign-up, and password-reset screens
- Reusable product grids, promotional sections, category cards, and campaign banners
- About, contact, and detailed FAQ pages
Commerce Architecture
- Structured JSON catalog for products, pricing, categories, and imagery
- Local commerce provider that works without credentials or network access
- Typed provider interface for replacing the demo catalog with a production backend
- Centralized storefront configuration, checkout options, and product reviews
- Clear separation between page content, design controls, and reusable components
- Flexible light and dark commerce color tokens
Content And Editing
- Keystatic CMS integration for visual content editing
- Markdown and MDX blog with categories, tags, authors, and pagination
- Full English and French routes with reusable internationalization utilities
- Centralized navigation, site metadata, and localized configuration
- Optional script for removing Keystatic and using MDX exclusively
- Built-in Astro image optimization
Developer Experience
- Built with Astro v7, Tailwind CSS v4, TypeScript, and React
- Responsive components for desktop, tablet, and mobile storefronts
- Motion and scroll-based animation support
- SEO-ready metadata, sitemap, RSS feed, and robots.txt
- View transitions enabled
- Netlify adapter and deployment configuration included
- Support and future updates included