Shop

Overview

Shop is a multi-category shopping homepage recreation by SonoJS. Built as static HTML, CSS, and vanilla JavaScript with Inter. Download Shop app banner, icon sidebar (Home / Explore / Bag / Deals / Saved), floating brand constellation (Polène, Everlane, Native Union…), shop wordmark with search, and video category pills for Women · Men · Beauty · Home · Baby & Toddler · Sporting goods · Gifts. Category rails feature Comfrt, YoungLA, K-Beauty, Glossier, Atelier, and gift edits with product stills. Cookie bar + pill video autoplay helpers. Demo storefront chrome only - no cart or Shop Pay backend. Open index.html or host the folder statically on Cloudflare Workers.

Highlights

1. 01

   Floating constellation

   Animated brand cards (Polène, Everlane, Native Union) around the shop wordmark.

2. 02

   Video category pills

   Women / Men / Beauty / Home / Baby / Sports / Gifts with looping pill MP4s.

3. 03

   Category product rails

   Featured brands and product tiles with horizontal scroll-next controls.

4. 04

   Zero-build static

   index.html + styles.css + main.js with local product images and pill videos.

You get

• index.html + styles.css + main.js (Shop homepage)
• Sidebar nav, search, cookie bar, pill video autoplay
• assets/images (hero, pills, products, ui)
• assets/videos/pills (women, men, beauty, gifts, baby, sports)