Special offer for startups: 0% Off!••••••••
Lightswind UILightswind UI

React Liquid Glass Avatar Component - Lightswind UI

A realistic 3D liquid glass avatar component featuring crystal lens refraction, top curved glare reflection, bottom prism depth, status indicator dots, stacked avatar group component with overflow counter, 6 color variants, 5 sizes, and squircle or circle shapes.

Key Details of React Liquid Glass Avatar

The Liquid Glass Avatar is a copy-paste component in the Liquid Glass collection of Lightswind UI. Built with TypeScript, Tailwind CSS, and Framer Motion for clean developer experience and rapid UI building.

  • Category: Liquid Glass
  • Fully responsive and dark mode compatible
  • Production-tested in Next.js 15 & React 19
  • Interactive animations and accessible markup