Solum
a trail-apparel store with a scroll-played hero film, a full checkout and an admin dashboard
SOLUM is a multi-page storefront template for a clothing or outdoor brand, shown as a trail-running apparel shop, with an admin dashboard for orders, products and customers included. The home page opens on a film card that grows to fill the screen while scrolling plays the film frame by frame, followed by pinned scenes, new arrivals with filters, and a lookbook. The store pages are Shop, Product, Cart, Checkout, Order tracking, Account, About and Help. Shop filters and sorts with the choices kept in the URL, and the grid glides into its new order. The product page has a photo gallery with thumbnails and a full-screen zoom, a size picker with a size guide, stock per size and a buy bar that sticks on scroll. Adding to the bag opens a drawer with a free-shipping meter; the cart takes promo codes and the four-step checkout validates every field, including the card number's checksum. A placed order gets a thank-you page and a live tracker, and can be looked up later by order number and email. The admin dashboard has a demo sign-in, an overview of sales, orders and low stock with a revenue chart, an orders table whose status changes reach the shop's tracker, a product editor with a live preview, customers, and a Cmd or Ctrl+K command palette. Products are in src/data.ts and orders, bag and account live in localStorage with no backend, so the shop and the dashboard stay in step across tabs; there are no real payments, so you connect your own API and payment provider. Pages share a header, footer and bag drawer through a small Vite include plugin, and page changes use view transitions. Phones get stacked layouts and reduced-motion settings are respected. All product photos and both hero films are included, and Archivo loads from Google Fonts. Built with TypeScript, HTML and CSS plus GSAP and Lenis, with Vite included.
$45.50 — one-time price, free updates
- A website template
- Plain HTML, CSS and JavaScript · no framework
- Build unlimited client sites with it
Built with Plain JavaScript, CSS, SVG, GSAP, Lenis smooth scroll.
What is in the zip
- about/index.html
- account/index.html
- admin/admin.css
- admin/index.html
- app.css
- cart/index.html
- checkout/index.html
- help/index.html
- index.html
- order/index.html
- pages.css
- partials/footer.html
- partials/header.html
- partials/icons.html
- partials/overlays.html
- product/index.html
- shop/index.html
- src/admin/chart.ts
- src/admin/icons.ts
- src/admin/main.ts
- src/admin/metrics.ts
- src/admin/motion.ts
- src/admin/palette.ts
- src/admin/toast.ts
- src/admin/ui.ts
- src/admin/util.ts
- src/admin/views/customers.ts
- src/admin/views/orders.ts
- src/admin/views/overview.ts
- src/admin/views/product.ts
- src/admin/views/products.ts
- src/data.ts
- src/fx.ts
- src/main.ts
- src/pages/about.ts
- src/pages/account.ts
- src/pages/cart.ts
- src/pages/checkout.ts
- src/pages/common.ts
- src/pages/help.ts
Version history
- v1.0.1, 2026-10-14 — Fits phones and tablets. The header and its bag button fit 320px screens, a new full-screen menu with numbered links and photo cards, one-line product labels that keep the photo in view, a swipeable category row, form fields paired where they fit, size tables that never split a range, three-column grids on tablets, 44px touch targets, and focus rings only for keyboard users.
- v1.0.0, 2026-10-14 — First release. Solum shipped, with the reel recorded from the real page.