Expanding Feature Card
Feature card that expands into a richer detail view.
Preview & code
GFA Studio CLI · Coming soon
New LaunchACME Studio
Natural-language interface where you describe your app, features, user flows.
Turn a brief into screens and flows. Preview interactions live, refine copy and layout, then export production-ready UI without leaving the canvas.
- Design
- AI
- Prototype
ACME Insights
Natural-language interface where you describe your app, features, user flows.
Ask questions in plain language and get dashboards, forecasts, and alerts. Wire metrics once — ACME keeps the story current as data moves.
- Analytics
- Ops
- Realtime
Installation
CLI
GFA Studio CLI — Coming soon
The `npx gfa-studio` installer is not published yet. Use Manual install below or download the artifact JSON.
Artifact JSON
https://ui.gkhn.dev/gfa/expanding-feature-card.jsonManual
- Download the component source from https://ui.gkhn.dev/gfa/expanding-feature-card.json (or copy from this repo: apps/web/src/blocks/gfa/expanding-feature-card.tsx).
- Place it in your project (for example: ./src/blocks/gfa/expanding-feature-card.tsx) and adjust imports/aliases.
- Ensure cn from @/lib/utils exists.
- Theme tokens and utilities should align with globals.css.