Post Card
Social formatsA generic social post card with a drawn check and icons, scaling in on the surface while its metrics count up
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
What you can change · 7 settings
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
- Namename · string
Display name on the card.
now: Motionstash
- Handlehandle · string
Handle, including the @.
now: @motionregistry
- Bodybody · string
Post body. Two or three lines reads best.
now: Every component is one file you own. No config, no runtim…
- Mentionmention · string
A word or handle inside the body to render in the accent colour.
now: one file you own
- Verifiedverified · boolean
Show a drawn verification check beside the name.
now: true
- Metrics *metrics · array
Replies, reposts and likes. Each counts up.
now: 3 items
- Brandbrand · string
Brand token id, one of the keys of BRANDS.
now: slate
For developers · source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
A social post card, avatar with initials, display name with a drawn verified check, handle, body copy with one accent-coloured phrase, and a metrics row whose numbers count up.
