Tweet Card
Static social-proof card — props, not an API call.
- 1.2 KB gzipped
- Zero dependencies
- Reduced-motion safe
- Base UI & Radix compatible
Preview
Dana Whitfield
@danawhit
Velora publishes the gzipped size of every component. Nobody else does this.
Installation
pnpm dlx shadcn@latest add https://paulkeys.org/r/tweet-card.jsonAdds components/velora/tweet-card.tsx and merges the keyframes and tokens into your CSS.
Props
| Prop | Type | Default |
|---|---|---|
name* | string | — |
handle* | string | — |
content* | React.ReactNode | — |
avatarOptional avatar URL; falls back to the author's initial | string | — |
timeFree-form, e.g. "2h" or "Mar 14" | string | — |
verified | boolean | false |
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".