Preview Rail

Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/preview-rail

Files

• components/motion/preview-rail.tsx
• lib/ease.ts
• lib/hooks/use-dismiss.ts
• lib/hooks/use-hover-gesture.ts
• lib/hooks/use-tap-gesture.ts
• lib/i18n.tsx
• lib/utils.ts
• lib/touch.ts

Source

https://github.com/starc007/ui-components

Categories

• Carousel Components
• React Carousel Components
• Tailwind CSS Carousel Components
• Animated Carousel Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Gallery Components
• React Gallery Components
• Tailwind CSS Gallery Components
• Animated Gallery Components

More from beUI

• Cylinder Carousel
• Infinite Masonry
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert