App Wheel
A tactile cylindrical 3D carousel with continuous physics, momentum drag, mouse wheel and keyboard navigation. Designed for LLM agent actions, quick tool dispatch, and navigation interfaces.
Dependencies
Interaction Types
Drag vertically with momentum inertia
Scroll wheel & arrow keys navigation
How to use
import { AppWheel } from "@/components/app-wheel";
export default function Demo() {
return (
<AppWheel
label="ChatGPT"
apps={["Slack", "Gmail", "GitHub", "Linear", "Figma", "Raycast"]}
/>
);
}Component Props
| Prop | Type | Default | Description |
|---|---|---|---|
| apps | string[] | DEFAULT_APPS | Array of app / action names to display on the wheel |
| label | string | "ChatGPT" | Main left-hand title label (e.g. ChatGPT, Terminal) |
| autoplayInterval | number | 1800 | Autoplay cycle interval in milliseconds (0 to disable) |
| className | string | "" | Additional CSS classes for outer container |