AnnotatedPicture
one picture explained part by part with numbered markers and a legend: a product, a tool, a screen
role: features pages: home, landing, product motion: expressive
Install
npx shadcn-vue@latest add @trame/landing-annotated-picture # Vue
npx shadcn@latest add @trame/landing-annotated-picture # Reactmarkers
@trame/landing-annotated-picture--markers one picture explained part by part with numbered markers and a legend: a product, a tool, a screen
margin-notes
@trame/landing-annotated-picture--margin-notes the picture centred with its notes in the margins, each tied to its point by a thin leader line: a product explained in a few phrases, where numbered markers would feel technical