The whole store in the screenshots, split into 16 paste-ready HTML widgets: a filterable shop, a working cart, a slide-in bag and a layout verified at seven screen widths. MIT licensed, no page-builder add-ons, no WooCommerce.

WHAT YOU GET

One zip, no build tools:

• vera-kit.css - the whole design system (25 KB, unminified, commented, palette in one :root block)

• vera-kit.js - bag, category filter, forms, scroll reveals (10 KB, vanilla JS, self-guarding)

• /widgets - 16 paste-ready HTML snippets, numbered in the order you paste them: 00-loader, 01-header-nav, 02-hero, 03-marquee, 04-category-cards, 05-products-grid, 06-editorial-split, 07-values-stats, 08-quotes, 09-newsletter, 10-footer, 11-bag-drawer-tabbar, 12-category-page-head-chips, 13-category-blocks, 14-products-filtered-grid, 15-contact-form

• /images - 20 CC0 photographs (JPEG/WebP, optimised, about 1.7 MB)

• /screenshots - 5 ready-made store shots

• a 4-page working demo (home, categories, about, contact) that runs offline

• README.md, INSTALL.md and LISTING.md - setup guide, troubleshooting table, reuse notes

MIT licence on the code, CC0 on the photographs.

BUILT THE WAY A STORE SHOULD BEHAVE

1. Real category filter - Clicking a category shows only that category's products and updates the title, count and URL.

2. Working cart - Add, remove, quantity, total - stored in the browser, with a slide-in drawer and an order email.

3. Verified responsive - Tested at 320 / 360 / 390 / 414 / 768 / 1024 / 1440 px - zero horizontal overflow anywhere.

4. Safe without JavaScript - Content is only hidden once JavaScript is confirmed active, so an error can never blank the page.

LIVE IN UNDER FIVE MINUTES

1. Unzip the package - You get vera-kit.css, vera-kit.js, /images (20 photos), /widgets (16 HTML snippets), a 4-page working demo, README.md and INSTALL.md.

2. Upload the two files + photos - Put vera-kit.css, vera-kit.js and the photos into /wp-content/uploads/vera-kit/ with the Media Library, or FTP if WordPress blocks those extensions.

3. Paste the loader once - In Elementor, add an HTML widget at the top of the page and paste the two lines (link + script), editing the URL to match where you uploaded.

4. Paste the section widgets - One HTML widget per section: header, hero, marquee, categories, products, footer, bag. Set the page to Elementor Full Width and leave the containers with no padding - the kit controls its own spacing.

Elementor Pro? Add the same two lines once under Elementor > Custom Code (head + body end, whole site) and you can skip the loader widget on every page. Typical time: under 5 minutes.

WHY BUYERS PICK THIS

• Editorial, not corporate: Fraunces display serif against Inter, hairline rules, rounded frames, one dark newsletter block for contrast.

• It behaves like a store: product cards lift on hover and reveal Add to bag, sections fade in gently on scroll, with a 9-second safety net if JavaScript fails.

• Re-skins in one place: one :root block repaints the entire kit - brand name and copy are plain text.

• Works anywhere: Elementor Free, plain HTML, or any other builder. No WooCommerce, no licence key, no subscription.

• Instant download: Checkout, delivery and re-downloads are handled for you - pay once and the zip is in your library straight away.

FAQ

Do I need to know how to code?
No. You copy and paste: one loader widget, then one HTML widget per section. The full guide with the exact snippets is in INSTALL.md, and the typical setup takes under five minutes.

Do I need WooCommerce or paid add-ons?
No. The kit ships with a lightweight vanilla-JS cart that stores the basket in the browser and opens the visitor's email app on checkout. You can point it at any form endpoint instead.

Does it work with Elementor Free?
Yes. The HTML-widget method needs nothing but Elementor Free. Pro is only useful if you want to add the CSS and JS once for the whole site via Custom Code.

Can I use it on client projects?
Yes. The code is MIT licensed and the 20 photographs are CC0 - commercial use, no attribution, resell it inside your own builds.

How do I get the files?
Checkout is instant. The download appears as soon as the payment clears, stays in your library forever, and can be re-downloaded as often as you need.

What if something goes wrong?
Every purchase is covered by the marketplace money-back guarantee, reviewed by the platform itself - you are never left arguing with a seller.

LIVE PREVIEW (specs, screenshots, install steps)

https://fyosamu.github.io/fashion-store/kit.html

The fully working 4-page demo - category filter, bag, contact form - ships inside the zip and runs offline: open index.html, no server and no build step needed.