Skip to content
GetUrUI

Trust Center

3 variantsNewPro
.md

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.

securitytrustcompliancesoc 2gdpruptimeslastatusenterprise

Compliance marks

compliance-marks.tsx

SOC 2, ISO 27001, GDPR and HIPAA as generic text seals with rotating ring text; choosing one swaps in its scope, assessor and report link.

$npx shadcn@latest add @geturui-pro/trust-security-compliance-marks
PropTypeDefaultDescription
marksComplianceMark[]—{ id, code, sub?, ring?, title, summary, scope, assessor?, lastReview?, reportHref?, reportLabel? }.
defaultMarkstring—Id of the mark selected first.
eyebrow / heading / subheadingstring—Header copy; the default subheading notes the badges are not official logos.
classNamestring—Classes for the outer section.

Safeguards

safeguards.tsx

Four safeguard tiles whose icons animate in view and replay on hover: a lock snaps shut, a fingerprint traces, a log writes and backups spin.

$npx shadcn@latest add @geturui-pro/trust-security-safeguards
PropTypeDefaultDescription
itemsSafeguard[]—{ 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 / subheadingstring—Header copy.
classNamestring—Classes for the outer section.

Uptime promise

uptime-promise.tsx

A rolling uptime percentage over 90 daily bars you can scrub by pointer or keyboard, beside support response targets and service credits.

$npx shadcn@latest add @geturui-pro/trust-security-uptime-promise
PropTypeDefaultDescription
daysUptimeDay[]—{ date, uptime, note? } oldest first. Defaults to 90 days of sample data.
endDatestring"2026-09-30"Last day of the generated sample data.
targetnumber99.95Contractual uptime target.
supportSupportTarget[]—{ severity, description?, response } rows.
creditsServiceCredit[]—{ below, credit } rows; the last is emphasised.
eyebrow / heading / subheadingstring—Header copy.
classNamestring—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.

$npx shadcn@latest add @geturui-pro/trust-security

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.

Related