ainergiz/design-inspirations

1

glassmorphism Creates frosted glass UI elements with blur, transparency, and subtle borders. Use when building overlays, floating c…

ainergiz/design-inspirations

483

2

expandable-card Creates expandable/collapsible cards using CSS grid-rows animation with smooth transitions. Use when building accordi…

ainergiz/design-inspirations

11

3

image-carousel Creates image carousels with hover-activated auto-advance, touch swipe support, and animated progress indicators. Use…

ainergiz/design-inspirations

11

4

nested-card Creates cards with an outer gradient container and inner content card. Use when building premium card designs with de…

ainergiz/design-inspirations

11

5

stacked-cards Creates horizontally fanned/cascading card stacks with proper z-index ordering and hover lift animations. Use when bu…

ainergiz/design-inspirations

11

6

create-new-design Scaffolds a new design in the design-inspirations repo with preview component, detail page, and main page entry. Use …

ainergiz/design-inspirations

10

7

dropdown-menu Creates dropdown menus with proper click-outside detection and z-index stacking for list contexts. Use when building …

ainergiz/design-inspirations

10

8

component-variants Creates light and dark mode component variants with consistent color token mapping. Use when building dual-theme comp…

ainergiz/design-inspirations

9