Skill Store 33

Expandable Card

Creates expandable/collapsible cards using CSS grid-rows animation with smooth transitions.

by ainergiz

The skill

Creates expandable/collapsible cards using CSS grid-rows animation with smooth transitions. Use when building accordions, expandable panels, collapsible sections, or show/hide card content.

This skill's licence does not allow redistribution, so the store does not show its text. Read it at the source.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: ainergiz/expandable-card-41199167620.

Markdown version

Details

Publisher
ainergiz
Category
Software Development › Frontend & UI
Updated
2026-01-07

References

More from ainergiz

  • Component Variants Creates light and dark mode component variants with consistent color token mapping.
  • Create New Design Scaffolds a new design in the design-inspirations repo with preview component, detail page, and m…
  • Dropdown Menu Creates dropdown menus with proper click-outside detection and z-index stacking for list contexts.
  • Glassmorphism Creates frosted glass UI elements with blur, transparency, and subtle borders.

Related skills

  • El Collapse Collapse component for storing expandable content.
  • Accordions Dropdowns Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth re…
  • Syncfusion React Cards Build flexible card layouts for displaying content in React.
  • Stacked Cards Creates horizontally fanned/cascading card stacks with proper z-index ordering and hover lift ani…
  • Cards Containers Use when animating cards, panels, tiles, or container elements to create depth and interactivity