Liquid Glass
Liquid Glass is a UI effect in the UI HUB UI effects collection. It is built with React and ships as a self-contained component you can copy into an existing project without pulling in a component library.
The component works without configuration, and can be restyled through its own class names and CSS custom properties.
Preview the UI effect in the browser above, copy the source, and paste it into your project. UI Effects components in UI HUB are grouped by category so you can compare effects side by side before choosing one.
What is Liquid Glass?
Liquid Glass is an ui effect in the UI HUB React component library, built for ui effects. It runs in the browser as a React component and can be dropped into an existing React and Tailwind CSS project.
Liquid Glass at a glance
- Category
- UI Effects
- Pricing
- Free to use
- Styling
- Tailwind CSS
- AI prompts
- Ready for Advance, Antigravity, Claude Code, Cursor, Lovable
Technical information for Liquid Glass
| Category | UI Effects |
|---|---|
| Libraries | React only |
| Styling | Tailwind CSS |
| Usage example | Included on this page |
How to use Liquid Glass
- Install React if your project does not already use it.
- Copy the usage example from the Source section of this page. It shows the import path and the props the component expects.
- Render <LiquidGlass /> in your page using that import path.
- Render the component with no props to get the default behaviour.
Liquid Glass questions
What is Liquid Glass?
Liquid Glass is an ui effect in the UI HUB React component library, built for ui effects. It runs in the browser as a React component and can be dropped into an existing React and Tailwind CSS project.
Which category does Liquid Glass belong to?
Liquid Glass is listed under UI Effects in the UI HUB catalog. Micro-interactions and hover effects that make an interface feel considered rather than static: beam and spotlight reveals, card cascades, marquees, option wheels and kinetic grids. Most are powered by Framer Motion and accept children plus timing props, so the same effect can wrap any layout. Ideal for feature grids, pricing tables and link lists.
Is Liquid Glass free to use?
Liquid Glass is a free component on UI HUB. You can preview it in the browser and read the full props table on the component page.