FeatureAccordion

3 to 6 features that open one at a time as cards, the picture of the open one on the other side: the product’s main capabilities, each with a screen

role: features pages: home, landing, product, app motion: expressive

Install

npx shadcn-vue@latest add @trame/landing-feature-accordion   # Vue
npx shadcn@latest add @trame/landing-feature-accordion       # React

@trame/landing-feature-accordion--media-right

3 to 6 features that open one at a time as cards, the picture of the open one on the other side: the product’s main capabilities, each with a screen

@trame/landing-feature-accordion--numbered-progress

3 to 6 features in a numbered list joined by a line that fills as you go, a tall picture beside it: an order to read in, steps of one workflow