Detent

ui

Animated tabs with a shared-layout sliding pill indicator that flashes white as it lands and rests as a neutral pill with a subtle top hairline. Full roving-tabindex keyboard support with arrow keys, Home/End, and correct tablist/tab/tabpanel roles.

pnpm dlx shadcn@latest add "https://crucibleui.com/r/detent.json"

Sign In

Detent

ui

Animated tabs with a shared-layout sliding pill indicator that flashes white as it lands and rests as a neutral pill with a subtle top hairline. Full roving-tabindex keyboard support with arrow keys, Home/End, and correct tablist/tab/tabpanel roles.

pnpm dlx shadcn@latest add "https://crucibleui.com/r/detent.json"

motion

use-reduced-motion

components/crucible/detent.tsx

motion

use-reduced-motion

components/crucible/detent.tsx