Floating Viewer

An in-page media surface that automatically or manually detaches, stays within viewport bounds, snaps to a corner, and restores without remounting its content.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @sona-ui/floating-viewer

Files

• src/registry/sonaui/floating-viewer/floating-viewer.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Media Components
• React Media Components
• Tailwind CSS Media Components
• Animated Media Components
• Mini Player Components
• React Mini Player Components
• Animated Mini Player Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Animated Overlay Components
• Video Player Components

More from Sona UI

• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs
• Assignment Cluster
• Avatar Showcase
• BubbleUpButton
• Button