Reflow

Add complete e-commerce stores, shopping carts, subscriptions, and user authentication to static websites.

• Official Website: reflowhq.com
• Category: Payments & E-commerce | Authentication & User Management
• Type: E-Commerce, Subscriptions & User Authentication
• Pricing / License: Freemium (0% transaction fees)

---

Overview

Reflow is an e-commerce, subscriptions, and authentication platform built specifically for static websites, Jamstack frontends, and client-side web applications. Developed by Zine EOOD (the creators of Bootstrap Studio), Reflow allows developers and designers to add product catalogs, shopping carts, customer accounts, and recurring billing to any static HTML site without configuring a backend server or database.

Connecting directly to your existing Stripe, PayPal, or Paddle account, Reflow charges zero transaction fees on top of standard payment processing. Integration can be done entirely through drop-in HTML Web Components, vanilla JavaScript, or official React hooks.

---

Key Highlights & Features

• Drop-In Static Integration: Embed product listings, shopping carts, checkout buttons, and user login modals with simple HTML data-reflow-type tags.
• Zero Transaction Fees: Reflow charges 0% commission on sales. Keep 100% of your revenue (minus standard payment gateway fees).
• Native Shopping Cart & Checkout: Slide-out cart drawer, coupon codes, tax calculations, shipping options, and multi-currency support.
• Product & Order Management: Full dashboard for managing physical goods, product variants, inventory, and digital file downloads.
• Subscriptions & Recurring Billing: Create recurring subscription plans, manage free trials, handle customer upgrades, and restrict member content.
• Customer Authentication: Secure user sign-in supporting Google, Apple, Facebook, X, and email/password with client-side JWT token verification.
• Bootstrap Studio Integration: Native drag-and-drop e-commerce and auth components inside Bootstrap Studio.

---

How It Works with Static Websites

1. Drop-In HTML Toolkit (No Build Step Required)

Include the Reflow JavaScript toolkit in your static HTML <head> or before </body>:

<script src="https://api.reflowhq.com/v2/toolkit.min.js" data-reflow-store="YOUR_STORE_ID" defer></script>

2. Embed a Product List & Shopping Cart

Place pre-built Web Components anywhere in your markup:

<!-- Slide-out Shopping Cart -->
<div data-reflow-type="shopping-cart"></div>

<!-- Embedded Product List -->
<div data-reflow-type="product-list" data-reflow-perpage="6"></div>

<!-- Single Product Card with Buy Button -->
<div data-reflow-type="product" data-reflow-product="PRODUCT_ID"></div>

3. Customer Sign-In & Member Content

Add customer authentication buttons with custom triggers:

<!-- Customer Login / Sign-up Button -->
<div data-reflow-type="auth-button"></div>

<!-- Direct Login Link -->
<a href="#reflow-sign-in">Sign In</a>

<!-- User Profile Management -->
<div data-reflow-type="user-profile"></div>

---

When to Use It

• Adding a complete store, shopping cart, or subscription portal to static HTML/CSS/JS websites.
• Projects built with Bootstrap Studio that want plug-and-play e-commerce and customer accounts.
• Creators selling physical items or digital downloads without paying high 2%–5% platform commissions.
• Membership sites and SaaS apps that need customer authentication and subscription management without backend servers.