# Floating components

> Enhance interactivity with 6 floating UI elements for React, ideal for tooltips, buttons, and notifications styled in Tailwind CSS.

45 components available. Showing all of them below.

- [Floating Panel](https://21st.dev/@cult-ui/components/floating-panel.md) — by cult/ui
- [Floating Nav](https://21st.dev/@ruixen.ui/components/floating-nav.md) — by Ruixen UI
- [Floating Card](https://21st.dev/@avanishverma4/components/floating-card.md) — by Awanish Verma
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel.md) — by Abraham
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/video-call-panel.md) — by Abraham
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/notes-panel.md) — by Abraham
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/calendar-panel.md) — by Abraham
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/task-inspector-panel.md) — by Abraham
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/media-player-panel.md) — by Abraham
- [Floating Navbar](https://21st.dev/@arihantcodes_1f7b8c4d/components/floating-navbar.md) — by Arihant jain
- [Radar Effect](https://21st.dev/@manuarora700/components/radar-effect.md) — by Manu Arora
- [Floating Navbar](https://21st.dev/@manuarora700/components/floating-navbar.md) — by Manu Arora
- [Floating Header](https://21st.dev/@sshahaider/components/floating-header.md) — by Efferd
- [Dynamic Island TOC](https://21st.dev/@digitalzone0707/components/dynamic-island-toc.md) — by Digital Zone
- [Navbar 1](https://21st.dev/@preetsuthar17/components/navbar-1.md) — by Preet Suthar
- [Cosmic 404](https://21st.dev/@muhammetbilgin/components/cosmic-404.md) — by Muhammet Bilgin
- [LumaBar](https://21st.dev/@ruixen.ui/components/futuristic-nav.md) — by Ruixen UI
- [Hover Gradient NavBar](https://21st.dev/@ruixen.ui/components/hover-gradient-nav-bar.md) — by Ruixen UI
- [Hero Section](https://21st.dev/@ravikatiyar162/components/hero-section-7.md) — by Ravi Katiyar
- [Tilted Dock](https://21st.dev/@ruixen.ui/components/tilted-dock.md) — by Ruixen UI
- [Navbars](https://21st.dev/@arihantcodes_1f7b8c4d/components/navbars/floating-navbar.md) — by Arihant jain
- [Scroll Navigation Menu](https://21st.dev/@spaceboydavey/components/scroll-navigation-menu.md) — by Davey
- [Social Links](https://21st.dev/@wasifgee0012/components/social-links.md) — by Wasif Bin Nasir
- [Floating Button](https://21st.dev/@bundui/components/floating-button.md) — by Shadcn UI Kit
- [Poor Ghost](https://21st.dev/@dhileepkumargm/components/poor-ghost.md) — by Dhileep Kumar GM
- [Cookie Banner](https://21st.dev/@arunachalam/components/cookie-banner-1.md) — by Arunachalam
- [Magnetic Dock](https://21st.dev/@ruixen.ui/components/magnetic-dock.md) — by Ruixen UI
- [Product Bounce Card](https://21st.dev/@ruixen.ui/components/product-bounce-card.md) — by Ruixen UI
- [Sleek Hero with Orb](https://21st.dev/@moazamtrade/components/sleek-hero-with-orb.md) — by shadway
- [Floating Dock Navigation](https://21st.dev/@erikvalencia1/components/floating-dock-navigation.md) — by Ruben
- [ReferAndWinBanner](https://21st.dev/@dhileepkumargm/components/refer-and-win-banner.md) — by Dhileep Kumar GM
- [Feature Highlight Pro Card](https://21st.dev/@ruixen.ui/components/feature-highlight-pro-card.md) — by Ruixen UI
- [Floating Elements](https://21st.dev/@whyte25/components/floating-elements.md) — by whyte25
- [Floating Dock](https://21st.dev/@manuarora700/components/floating-dock.md) — by Manu Arora
- [Floating Gradient](https://21st.dev/@moumensoliman/components/floating-gradient-shadcnui.md) — by Moumen Soliman
- [Floating Input](https://21st.dev/@ruixen.ui/components/floating-input.md) — by Ruixen UI
- [Base Popover](https://21st.dev/@sean0205/components/base-popover/position.md) — by Sean Hello
- [Floating Icons Loader](https://21st.dev/@ruixen.ui/components/floating-icons-loader.md) — by Ruixen UI
- [Parallax Floating](https://21st.dev/@cnippet.dev/components/parallax-floating.md) — by Cnippet
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/chat-widget-panel.md) — by Abraham
- [FloatButton](https://21st.dev/@antdesign/components/float-button/menu-mode.md) — by antdesign
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/settings-panel.md) — by Abraham
- [Parallax Floating](https://21st.dev/@cnippet.dev/components/parallax-floating/floating-symbols.md) — by Cnippet
- [Parallax Floating](https://21st.dev/@cnippet.dev/components/parallax-floating/floating-card.md) — by Cnippet
- [Parallax Floating Symbols](https://21st.dev/@cnippet.dev/components/m-parallax-floating-3.md) — by Cnippet

Full component directory: https://21st.dev/llms.txt