Signal01
Mugen Studies
Mugen Drift Carousel
Drift / Archive
01—04
Interaction / 2026
Tide Index
A slow visual system for objects moving through a shared field.
drag to drift
Mugen Drift Carousel
A tactile stacked content deck that resists drag, peels a card free from its neighbours, and settles with deliberate spring weight.
Dependencies
Interaction Types
Drag the front card left or right to move through the deck
Nearby cards retain depth, offset, and soft shadow while the active card peels free
Use left and right arrow keys for complete keyboard navigation
How to use
'use client';
import { MugenDriftCarousel } from "@/components/mugen-drift-carousel";
export default function Demo() {
return <MugenDriftCarousel />;
}Component Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | MugenDriftItem[] | DEFAULT_ITEMS | Content cards with title, description, meta, and optional accent |
| index | number | — | Controlled active card index |
| onIndexChange | (index: number) => void | — | Called after a card change |
| loop | boolean | true | Whether navigation wraps at both ends |
| defaultIndex | number | 0 | Initial card when uncontrolled |