Cards

Threaded post card

Threaded post card: A social post rendered as a framed panel with a verified author, a multi-line body and one nested reply below a rule.

Marisol Ortega

@marisolortega

Ship the empty state before the happy path, it is the one people screenshot.

A setting is not finished until its toggle explains what it costs.

Motion should explain a change, never decorate one.

Default to less motion until someone actually asks for more.

Feb 18

Dana Cho@danacho· 2h

This is why the confirmation toast finally stopped feeling like a lecture.

Using Threaded post card

Threaded post card uses the card preview frame with a light/dark theme setting.

Customize the preview

These controls are passed to the demo. Defaults and limits describe the preview; consult the implementation for its full prop API.

Control	Type	Default	Preview limits
`handle`	`text`	`marisolortega`	Up to 24 characters
`verified`	`boolean`	`true`	No additional limit in the metadata.
`showReply`	`boolean`	`true`	No additional limit in the metadata.
`accent`	`color`	`#38BDF8`	No additional limit in the metadata.

Which frameworks are available for Threaded post card?

Threaded post card is available for React, Vue, Svelte, Astro, HTML. The live preview uses React; the source observations below apply to index.tsx. Check the selected port before relying on the same interactions.

What does Threaded post card depend on?

The React metadata lists these npm dependencies beyond React: clsx, tailwind-merge.

What accessibility details are visible in Threaded post card?

The React source for Threaded post card includes: native elements (a, button); attributes and handlers (aria-hidden, aria-label, aria-pressed). These are source observations. Verify accessible names, focus order and keyboard behavior in the composed page.

How does Threaded post card handle reduced motion?

The source scan found no direct useReducedMotion() or matchMedia preference read in Threaded post card's index.tsx. Check the full implementation, shared styles and selected port with reduced motion enabled; these observations do not establish that every animation stops.

Connect your agent

Related open components

Still of the Deferred post card component, a Fieldbook UI component in Cards.

1769Deferred post cardCardsA post card that shows a measured placeholder shell first, then swaps in the real post, with a retryable failure state.

Still of the Bouncing Photo Fan component, a Fieldbook UI component in Cards.

1844Bouncing Photo FanCardsA row of overlapping square photo tiles that pop in with an elastic overshoot, then shove each other aside when one is hovered.

Still of the Card Shuffle Stack component, a Fieldbook UI component in Cards.

1846Card Shuffle StackCardsA fanned stack of panels that cycles on a timer: the front panel drops away, the rest step forward, and the dropped one swings in at the back.

Still of the Cursor drift link preview component, a Fieldbook UI component in Cards.

1768Cursor drift link previewCardsA link preview panel that leans toward wherever the pointer sits on the link, trailing it on a soft spring.

Still of the Invitation review panel component, a Fieldbook UI component in Cards.

2870Invitation review panelCardsReview an invitation, choose the assigned role, and accept or decline with a recorded outcome.

Still of the Link thumbnail peek component, a Fieldbook UI component in Cards.

1784Link thumbnail peekCardsHovering a link in running text lifts a small framed thumbnail of where it leads, with the page title and host underneath.