Growth & Conversion

Trial Expiry Lock Screen

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.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add trial-expiry-lock-screen

Built for react. Needs react already installed as a peer dependency. An Astro-only project needs @astrojs/react wired up first — this won't run on its own in plain Astro.

Full docs for Trial Expiry Lock Screen →

Needs a licence key — subscribe here, then velocityx loginonce.

react v1.0.1 react

Trial Expiry Lock Screen

Props

Name	Type	Required	Default
planName	string	Yes
trialLengthDays	number	Yes
expiredOn	string	No
upgradeHref	string	Yes
exportHref	string	No
supportHref	string	No
features	string[]	No	[]
className	string	No	''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/trial-expiry-lock-screen/TrialExpiryLockScreen.tsx

Using the Trial Expiry Lock Screen component

Install it with velocityx add trial-expiry-lock-screen. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Trial Expiry Lock Screen

Props

File this creates

Using the Trial Expiry Lock Screen component

Related components