# beUI v2

> Bespoke motion components for React.

## Endpoints

- Registry index (JSON): https://beui.saura3h.xyz/r
- Component detail (JSON): https://beui.saura3h.xyz/r/{slug}
- Raw source (text/plain): https://beui.saura3h.xyz/r/{slug}/raw

## Components

- [Tilt Card](https://beui.saura3h.xyz/r/tilt-card): 3D perspective tilt on hover with cursor-tracked glare.
- [Button](https://beui.saura3h.xyz/r/button): Spring-pressed Button plus StatefulButton (idle → loading → success / error) and MagneticButton.
- [Marquee](https://beui.saura3h.xyz/r/marquee): Infinite horizontal or vertical scroll with pause-on-hover.
- [Tabs](https://beui.saura3h.xyz/r/tabs): Pill, segment or underline tabs with a spring layoutId indicator.
- [Switch](https://beui.saura3h.xyz/r/switch): Toggle with a spring-driven thumb and press feedback.
- [Bottom Sheet](https://beui.saura3h.xyz/r/bottom-sheet): Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.
- [Shared Layout Background](https://beui.saura3h.xyz/r/shared-layout-bg): A pill that glides between hovered items via motion's shared layout, with blur enter/exit.
- [Dock](https://beui.saura3h.xyz/r/dock): macOS-style dock with grouped actions and a gliding active pill.
- [Tooltip](https://beui.saura3h.xyz/r/tooltip): Hover or focus tooltip with blur enter/exit and spring spawn.
- [Morphing Modal](https://beui.saura3h.xyz/r/morphing-modal): Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.
- [Text Animation](https://beui.saura3h.xyz/r/text-animation): Animated text primitives for reveal sequences, shimmer loading states and letter-cascade swaps.
- [Number Animation](https://beui.saura3h.xyz/r/number): Animated number primitives for count-up values and rolling digit tickers.
- [Animated Badge](https://beui.saura3h.xyz/r/animated-badge): Status badge with animated state icons, pulse feedback and compact size variants.
- [Action Swap](https://beui.saura3h.xyz/r/action-swap): CTA button and slot primitives for swapping text and icons with blur motion.
- [Animated Toast Stack](https://beui.saura3h.xyz/r/animated-toast-stack): Stacked toasts with status morphs, swipe dismissal, actions and layout-aware motion.
- [Theme Toggle](https://beui.saura3h.xyz/r/theme-toggle): Theme toggle button with a full-page rectangle clip-path reveal via the View Transition API.
- [Multi-chain Swap](https://beui.saura3h.xyz/r/swap): Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.
- [Dynamic Island](https://beui.saura3h.xyz/r/dynamic-island): iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.
- [Command Palette](https://beui.saura3h.xyz/r/command-palette): ⌘K palette with fuzzy filter, spring-animated active row and glass surface.
- [Expandable Action Bar](https://beui.saura3h.xyz/r/expandable-action-bar): Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.
- [Expandable Tabs](https://beui.saura3h.xyz/r/expandable-tabs): Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.
- [Swipeable List](https://beui.saura3h.xyz/r/swipeable-list): Mobile-style list rows that swipe left or right to reveal contextual action buttons.
- [Bouncy Accordion](https://beui.saura3h.xyz/r/bouncy-accordion): Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.
- [OTP Input](https://beui.saura3h.xyz/r/otp-input): One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.

## Usage for agents

1. Fetch the index to discover components.
2. Fetch a component detail JSON for files, deps and source.
3. Drop files into the user's project at the listed paths.
4. Install external `dependencies` listed on the entry.
5. Internal helpers (e.g. `@/lib/utils`) ship in the `files` array as `type: util`.