Floating Panel

Here is Floating Panel component

Install

npx shadcn@latest add https://21st.dev/r/anubra266/floating-panel

Loading preview...

import Basic from "@/components/ui/floating-panel";

export default function DemoOne() {
  return <Basic />;
}

More examples

Chat Widget PanelOpen page →

Loading preview...

Media Player PanelOpen page →

Loading preview...

Task Inspector PanelOpen page →

Loading preview...

Settings PanelOpen page →

Loading preview...

Notes PanelOpen page →

Loading preview...

Video Call PanelOpen page →

Loading preview...

Calendar PanelOpen page →

Loading preview...

Dependencies

lucide-react @ark-ui/react

Source

tarkui.com

Published

8/27/2025

Install

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Install

Dependencies

Tags

Floating Panel

Install

More examples

Dependencies

Source

Published

Similar components