Fluid Glass
Glassmorphism container with animated liquid distortion refraction.
Use Fluid Glass in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/FluidGlass-TS-TWRelated components
- Flex Carousel
An infinite image row that flows through invisible liquid glass at its edges.
- Glass Icons
Liquid glass icons that bend the color behind them, for app grids, docks and social links.
- Glass Surface
Apple-style liquid glass that bends what is behind it, in a rounded panel or any logo shape.