Velora UI

Tweet Card

Static social-proof card — props, not an API call.

  • 1.2 KB gzipped
  • Zero dependencies
  • Reduced-motion safe
  • Base UI & Radix compatible
Open in v0

Preview

Dana Whitfield

@danawhit

Velora publishes the gzipped size of every component. Nobody else does this.

Installation

pnpm dlx shadcn@latest add https://velora.colorlib.com/r/tweet-card.json

Adds components/velora/tweet-card.tsx and merges the keyframes and tokens into your CSS.

Props

PropTypeDefault
name*string—
handle*string—
content*React.ReactNode—
avatar

Optional avatar URL; falls back to the author's initial

string—
time

Free-form, e.g. "2h" or "Mar 14"

string—
verifiedbooleanfalse

Also accepts every Omit<React.HTMLAttributes<HTMLElement>, "content"> prop, forwarded to the root element.

Accessibility

Reduced motion
Nothing animates beyond a background-color change on hover.
Keyboard
Decorative — nothing to operate.
Screen readers
A figure with name, @handle and time followed by a blockquote; the avatar is decorative and the verified badge is announced as "Verified account".