Shared Layout Bg

A pill that glides between hovered items via motion's shared layout, with blur enter/exit.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/shared-layout-bg

Files

• components/motion/shared-layout-bg.tsx
• lib/ease.ts
• lib/utils.ts

Source

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

Categories

• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Tabs Components
• React Tabs Components
• Tailwind CSS Tabs Components
• Transition Components
• React Transition Components
• Tailwind CSS Transition Components

More from beUI

• Expandable Tabs
• Morphing Tabs
• Swap
• Tabs
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure