Growth & Conversion

A persistent top-docked bar that resurfaces a cart left behind on any route, showing item count and total with Resume and Clear actions — a cross-page return nudge, not a cart panel.

React

A bottom-docked banner that nudges mobile visitors to open or install the native app, with iOS/Android-aware copy and store links, and a dismissal that snoozes for two weeks instead of forever.

React

BrandCaptureWizardCard — Velocity Growth Layer ──────────────────────────────────────────────────────────────────────────── A 3-step progressive-profiling lead form that captures enough brand material (business name, cat

React

A platform-agnostic community invite strip showing member count and an optional live online-now indicator, rendered only when you pass real data.

React

An inline named-resource email gate for blog and docs pages — it states the specific deliverable rather than a generic newsletter ask, and swaps to a real download link once captured.

React

An inline deadline banner for a sale or launch window that counts down and then degrades gracefully to a plain closing message the instant it ends — never a broken negative-time state. Dismissible and remembered for the session.

React

A claim-to-reveal discount code card with one-tap copy and an expiry note, so the offer reads as earned rather than just printed on the page.

React

An inline day-and-time picker for booking a demo call, showing every slot in the visitor's own detected timezone so nobody has to do the conversion math themselves. Submits the chosen slot to any scheduling backend and ends in a confirmed state.

React

A top-of-page announcement strip for a sale, launch or policy notice, with one link and a close button whose dismissal is remembered across visits so it never nags a visitor who already closed it.

React

A thin, dismissible reminder that an address still needs confirming, with a resend button that enforces a real cooldown instead of letting users hammer the send button.

React

A last-chance discount bar that drops in from the top the moment a visitor looks ready to leave — exit-intent on desktop, fast scroll-up on mobile. Shows once per session with a cooldown, so it never nags a returning visitor.

React

A self-contained NPS/satisfaction prompt that walks a visitor through picking a score, leaving an optional follow-up comment, and landing on a thank-you state — a complete inline feedback flow for the end of a feature, ticket, or post-purchase page, not just a bare rating control.

React

A days-remaining trial card with one upgrade action, whose tone steps from calm to urgent as the account's real trial clock runs down so the nudge gets harder to ignore exactly when it should.

React

GeneratedPreviewReveal — Velocity Growth Layer ──────────────────────────────────────────────────────────────────────────── Renders a mini, generated-site-style preview from a structured brand+copy record — the "reveal" half of a two-step lead flow (pair with `BrandCaptureWizardCard`).

React

A contextual nudge toward a paid tier sized to live inside a dashboard panel, not interrupt it — no modal, no backdrop. Dismissible with the dismissal remembered per feature, keyboard-escapable, and configurable to either call an upgrade handler or link straight to billing.

React

LeadCaptureDrawer — Velocity Growth Layer ──────────────────────────────────────────────────────────────────────────── A conversion-engineered lead-capture surface, ported from a full-screen modal into a right-docked panel (desktop) / three-snap bottom sheet (mobile) — the house pattern (see `commerce/CartDrawer`).

React

Exit-intent (desktop) plus scroll-up (mobile) lead popup. Once-per-session with a cooldown, accessible, dark-mode and dismiss-friendly.

React

A setup-task checklist that tracks completion with a progress bar and word count, and gets out of the way on its own once every task is done.

React

An inline one-to-three item cross-sell strip for immediately after checkout, each a quick-add card with a single-tap Add action.

React

A static banner anchoring your price against a reference price with a computed savings badge. Display-only — it pairs with, rather than duplicates, an interactive ROI calculator.

React

A self-contained referral panel for a dashboard or account page — a copyable share link, an invite-by-email field, and a reward progress bar showing exactly how close the user is to their next unlock. Copy works without a toast library and confirms via screen-reader text, with a clipboard fallback for locked-down browsers.

React

A status card for a referral program already in motion — invites sent against conversions, a tiered milestone ladder, and the next reward named in plain words, not just a bar.

React

A two-slider ROI calculator that turns a visitor's own hours-and-cost numbers into an instant dollar figure, then hands them straight to a CTA with that figure attached — built for a pricing or landing page where the sell is personal savings, not a generic feature list.

React

RotatingSocialProofToast — Velocity Growth Layer ──────────────────────────────────────────────────────────────────────────── A small, tasteful bottom-left toast that rotates short, credible social-proof lines.

React

An honest remaining-count or demand signal for a product, seat or event listing, driven entirely by the real numbers you pass in — no manufactured countdown, so it never says 'almost gone' about something that isn't.

React

A share-to-unlock card that states the reward plainly and unlocks it the moment a visitor shares via WhatsApp, X, Facebook, email, native share or copy-link — no platform SDKs, just plain share URLs.

React

Bottom-left toast that rotates short, credible social-proof lines on an interval then stops. Pauses on hover, dismisses for the session, aria-live and safe-area aware.

React

A gamified email capture: enter an email, spin a CSS and SVG prize wheel, get a code. The outcome is weighted and decided before the spin starts; reduced motion skips the animation, not the fairness.

React

Mobile and tablet bottom CTA bar that slides in past the hero, keeping the primary conversion one thumb-tap away. Dismissible and safe-area aware.

React

StickyMobileCtaBar — Velocity Growth Layer ──────────────────────────────────────────────────────────────────────────── A persistent BOTTOM-docked CTA bar for mobile/tablet only (`lg:hidden`).

React

The blocking screen that replaces the product once a trial runs out — upgrade is the one clear action, but data export and support stay reachable so a billing moment never reads as a trap.

React

A restrained row of security, payment, and compliance signals for a checkout or pricing page — monochrome line icons and a hairline divider instead of a cluttered wall of brand-colour badges. Ships with a built-in icon set (lock, card, shield, refresh) so it needs no image assets, and labels/icons are fully swappable.

React

Shows consumption against a plan limit — seats, API calls, storage — with tone that escalates toward an upgrade action as the account gets close to its cap.

React

A reassurance row of three or four benefits — icon, heading, one line — built to sit quietly under a signup or purchase button and settle last-second doubt without competing with the CTA.

React

An inline email-capture block for a pre-launch waitlist that leads with social proof (how many people have already joined) and tells the visitor exactly where they landed in the queue on success.

React