Docs

Stacking Cards

Cards that dynamically stack on top of each other as you scroll down the page.

Component Blueprint

Majestic Real-Time Rendering

1. Solid Foundation

Start with a robust, accessible foundation built on modern web standards.

Apply cinematic, physics-based animations using Framer Motion.

Ensure everything looks absolutely pixel-perfect on any device.

Installation

$ npx @cosmoo/oblivion add stacking-cards

Packagesnpm install framer-motion lucide-react

Usage Detail

tsx

import { StackingCards } from "@/components/oblivion/stacking-cards"

export default function StackingCardsDemo() {
  return <StackingCards />
}

import { StackingCards } from "@/components/oblivion/stacking-cards"

export default function StackingCardsDemo() {
  return <StackingCards />
}