DesignVaultAI
effect · transition

Grid-Rows Height Accordion

An FAQ accordion that animates to the content's real height using the grid-template-rows 0fr → 1fr technique — no measuring — with a plus that rotates into a minus, content that fades and lifts in, and an optional one-open-at-a-time mode.

DesignVault · MCP