Atelier
An add to cart button that packs the item into a bag
A small shop section with two products and a shopping bag. Good for: online stores, product pages and shop demos. How it works: click add and the product picture leaves its card, flies across the page and drops into a cloth tote bag, which keeps what you added. How to use: copy the files into your shop and swap in your own products, photos and prices. No libraries needed.
$4.20 — one-time price, free updates
- A UI component for any site
- Plain HTML, CSS and JavaScript · nothing to install
- Use it in unlimited client projects
Built with Plain JavaScript, CSS.
What is in the zip
- app.js
- index.html
- style.css
Version history
- v1.0.0, 2026-08-09 — First release. Atelier shipped as one file, with the reel recorded from the real page.