Search
Product drop store · E-commerce template

Dropday

A launch store for one product in a limited drop: countdown, waitlist, colorway gallery, cart drawer and FAQ. One setting switches it between waitlist, live and sold out.

View the live demoCheckout coming soon

By Templates.party

Illustrated preview of the Dropday product drop store templateLive demo
Platform
HTML + Tailwind
States
Waitlist, live, sold out
Checkout
Stripe, Lemon Squeezy, Shopify links
Price
Pay what you want, from €0
What’s inside

One product, three states

Before the drop, visitors see a countdown in their own time zone and join the waitlist. At drop time the page goes live on its own: buy buttons, a stock bar and a cart drawer that hands off to a hosted checkout. When it sells out, the waitlist becomes a restock list. Product, price, date, colorways and checkout links all live in one config.js file.

Drop page

Countdown, waitlist, colorway gallery with front, side and back views, features, specs, reviews and FAQ.

Open in the demo (opens in a new tab)

Colorways

Pick a color and the whole page follows: buttons, glows, headline and photos.

Open in the demo (opens in a new tab)

The drop

A timeline from waitlist to early access, public drop and shipping.

Open in the demo (opens in a new tab)

FAQ

Drop time, how the waitlist works, order limits, shipping, returns and payment.

Open in the demo (opens in a new tab)

Thanks page

Use it as the redirect after checkout. It clears the cart.

Open in the demo (opens in a new tab)

Sections on the page

  1. Announcement ribbon + header with cart
  2. Hero: countdown or buy box, gallery and colorways
  3. Marquee
  4. Colorway lineup
  5. Features
  6. Story
  7. The drop timeline
  8. Specs
  9. Reviews
  10. FAQ
  11. Final call to action
  12. Sticky buy bar + cart drawer
  13. Footer

Built in

  • mode: "auto" shows the waitlist until your drop time, then goes live; or force waitlist, live or sold out
  • Checkout guides for Stripe Payment Links, Lemon Squeezy and Shopify cart permalinks; the page never takes payments itself
  • Colorway switcher that recolors the page through CSS variables and swaps the product photos
  • Cart drawer with quantities, a per-order limit and totals, stored in the visitor’s browser
  • Waitlist forms that post to your email tool or form backend (guide included)
  • Keyboard-friendly swatches, gallery and cart dialog; motion turns off with “reduce motion”

Palette & type

  • Paper#F7F2EB
  • Ink#17130F
  • Coral#E2765D
  • Moss#6F8A5C
  • Sky#9CBEE0
  • Butter#EFD68A

Unbounded + Inter Tight (self-hosted, OFL)

Stripe, Lemon Squeezy and Shopify are trademarks of their owners. Dropday is not affiliated with them.

In the ZIP

  • index.html: the drop page, and thanks.html for after checkout
  • assets/js/config.js: product, price, date, colorways and checkout in one place
  • assets/: compiled CSS, drop.js, 20 WebP product images and fonts
  • docs/: CHECKOUT.md and WAITLIST.md
  • src/ and tailwind.config.cjs to rebuild the CSS
  • README and LICENSE: commercial use, unlimited projects, client work

Sample content

Cobble One, its brand, specs, prices, stock count and reviews are fictional samples, and the product images are AI-generated. The demo cart takes no payment. Replace them with your own product and connect your checkout before you sell anything.

License

Pay what you want, once: no subscription. Use it for your own business or for client work, on unlimited projects. You can’t resell or redistribute it as a template. Full terms.

MCP access included

Every order comes with a license key, whatever amount you choose. The key unlocks MCP access, so AI assistants like Claude, ChatGPT or Cursor can read, customize and download the templates you own.

Keep exploring

More templates

Browse all

Ready to bring your ideas to life?

Every niche is on the guest list. Find the template that fits your next project.

Explore templates Browse categories