Card Preview Tile

Catalog preview for a card spread / carousel. Hover state lives here so hovering one tile re-renders only that tile instead of the whole catalog. Fine pointers: hover spreads, click opens the detail page. Touch: a tap toggles the spread (the title row below navigates).

Library

Amicro Micro Transitions

Framework

React

Type

component

License

MIT

Install

npx @subhanhq/amicro@latest add CardPreviewTile

Files

• src/components/cards/CardPreviewTile.tsx
• src/data/cards.ts
• src/components/InViewRender.tsx
• src/components/cards/CardArc5.tsx
• src/components/cards/CardArc7.tsx
• src/components/cards/CardLongArc5.tsx
• src/components/cards/CardLinearSpread.tsx
• src/components/cards/CardCornerFan.tsx

Source

https://github.com/Subhan-code/Amicro--Micro-transitions-

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Hover Card Components
• React Hover Card Components
• Tailwind CSS Hover Card Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components

More from Amicro Micro Transitions

• Card Arc5
• Card Arc7
• Card Cascade Stagger
• Card Corner Fan
• Card Linear Spread
• Card Long Arc5
• Card Scatter Spread
• Card Stamp Arc
• Card Time Machine
• Card Wheel Fan
• Device Usage Chart
• Mono Rounded Kpi Card Chart