Apple Cards Carousel

Display

Horizontal card carousel where clicking a card opens it in a full-screen modal with a shared layout transition — adapted from Aceternity UI.

Instalação via CLI

$ npx kikitocn add apple-cards-carousel

Interno:

@/lib/utilsmotion

Exemplo de uso

Apple Cards CarouselExample.tsx

import { AppleCardsCarousel } from "@/components/ui/cn/apple-cards-carousel/AppleCardsCarousel";

export function AppleCardsCarouselExample() {
  return (
    <AppleCardsCarousel />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`React.ReactNode[]`	—	Cards já renderizados (<Card card={...} index={i} />)
`initialScroll`	`number`	`0`	Scroll horizontal inicial em px
`layout`	`boolean`	`false`	Card: transição de layout compartilhada card ↔ modal

Voltar para Display

Carregando…