Three trust sections — compliance seals with rotating ring text and scoped details, four safeguards whose line icons draw themselves, and an uptime promise with 90 scrubbable day bars, support targets and service credits.
Compliance marks
compliance-marks.tsxSOC 2, ISO 27001, GDPR and HIPAA as generic text seals with rotating ring text; choosing one swaps in its scope, assessor and report link.
| Prop | Type | Default | Description |
|---|---|---|---|
marks | ComplianceMark[] | — | { id, code, sub?, ring?, title, summary, scope, assessor?, lastReview?, reportHref?, reportLabel? }. |
defaultMark | string | — | Id of the mark selected first. |
eyebrow / heading / subheading | string | — | Header copy; the default subheading notes the badges are not official logos. |
className | string | — | Classes for the outer section. |
Safeguards
safeguards.tsxFour safeguard tiles whose icons animate in view and replay on hover: a lock snaps shut, a fingerprint traces, a log writes and backups spin.
| Prop | Type | Default | Description |
|---|---|---|---|
items | Safeguard[] | — | { icon, title, description, spec? }. Four fill the 1 → 2 → 4 column grid. |
items[].icon | "lock" | "fingerprint" | "audit" | "backup" | — | Built-in animated line icon. |
eyebrow / heading / subheading | string | — | Header copy. |
className | string | — | Classes for the outer section. |
Uptime promise
uptime-promise.tsxA rolling uptime percentage over 90 daily bars you can scrub by pointer or keyboard, beside support response targets and service credits.
| Prop | Type | Default | Description |
|---|---|---|---|
days | UptimeDay[] | — | { date, uptime, note? } oldest first. Defaults to 90 days of sample data. |
endDate | string | "2026-09-30" | Last day of the generated sample data. |
target | number | 99.95 | Contractual uptime target. |
support | SupportTarget[] | — | { severity, description?, response } rows. |
credits | ServiceCredit[] | — | { below, credit } rows; the last is emphasised. |
eyebrow / heading / subheading | string | — | Header copy. |
className | string | — | Classes for the outer section. |
Install the whole set
Installs every trust center variant at once. Each section above has its own command for a single variant.
Pro installs use your private registry token. Add the @geturui-pro registry once — setup guide. The command works after you get Pro.
Also installs: Odometer Number
Accessibility
- Compliance seals are tabs controlling one tab panel, with arrow, Home and End keys; seals are generic text badges, never official logos.
- Uptime bars form a listbox with aria-activedescendant: arrows move by a day, Page Up/Down by a week, and the focused day is announced.
- Status colours always come with a word (Operational, Degraded, Outage); icon drawing and seal rotation stop under reduced motion.