Loaders & text
ProPull a feed to refresh, show work finishing, dissolve a secret, type a terminal session and draw attention to words.
Pull to refresh
Drag the list down, or use Refresh.
Activity
- Maya Chen Deployed build #240 to staging
- Ravi Patel Deployed build #239 to staging
- Noor Haddad Deployed build #238 to staging
- Tomás Rivera Deployed build #237 to staging
- Ingrid Solberg Deployed build #236 to staging
Loading and finished
Read once
Shared by Ravi · read once
Staging database password is stored in the vault under platform / staging / pg-main. Rotate it after Friday.
Install walkthrough
$ pnpm dlx caliper add button card dialog Resolving components… ✔ button ✔ card ✔ dialog $ pnpm dev ready on http://localhost:3000
Text treatments
Ship without the late-night rollbacks, and keep the audit trail your security team asks for. Manual approvals.
Plan
Page appearance
Components #
Each component has its own page with a focused preview, installation, usage and API.
- Stretch refreshA pull-down gesture where the content stretches like elastic before refreshing.
- Morph loaderA loader whose shape morphs between forms while waiting.
- Sand textText that dissolves like sand when it leaves and gathers when it returns.
- Typewriter terminalA terminal window that types commands and prints their output.
- Text treatmentsText effects such as scramble and highlight for emphasis.
- Split flapA departure-board display: when the text changes each character flips through the reel to its new letter, left to right.
- Receipt revealAn order confirmation that prints line by line with the total stamped last, so a purchase feels finished. All of it is readable from the start.
- Hand annotateHand-drawn emphasis on a phrase: an underline, box, circle, highlight or strike that draws itself on once when in view.
- Scan progressA document being read: a scan line passes down the page and each field appears as the line reaches where it was found.