Referral Invite Card

Subscription

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.

Category: Growth & Conversion
Framework: react
Version: 1.0.2
Peer deps: react

Install

bash

velocityx add referral-invite-card

This component is on the Velocity Components subscription. Run velocityx login <your-key> first — subscribe here if you haven't. The licence key is in your receipt email.

Demo

View the live demo on the showcase site ↗

Source

Component source isn't shown here for subscription components — that's the one thing the subscription gates. Install it with the CLI after logging in, or preview the rendered result on the live demo.

Theming

Uses the shared primary-* / accent-* scale — see Theming if colours look unstyled after install.