Lean Card

A stacked card that reveals a striped back card on hover.

Installation

npx shadcn@latest add @scrollxui/lean-card

import { LeanCard, LeanCardContent } from "@/components/ui/lean-card"

<LeanCard>
  <LeanCardContent>
    <p>Your content here.</p>
  </LeanCardContent>
</LeanCard>

A card component with a striped back card revealed on hover

Property	Type	Default	Description
`className`	string	`—`	Optional class for custom styling.
`...props`	React.HTMLAttributes<HTMLDivElement>	`—`	All standard div props.
`LeanCard`	React.ReactNode	`—`	Root wrapper. Renders the striped back card internally.
`LeanCardContent`	React.ReactNode	`—`	Front card surface. Rotates on hover.