Weird visual #22

New issue

Open

opened 2025-09-17 11:50:48 -04:00 by Bios-afk · 0 comments

Bios-afk commented

2025-09-17 11:50:48 -04:00

(Migrated from github.com)

Hi,

I’m trying to use the liquid-glass-react library for my navbar, but the different layers of the effect are overlapping instead of behaving like a liquid glass. I’ve tried adjusting cornerRadius, elasticity, and removing Tailwind styles, but the issue persists.

I’ve attached two screenshots:
1. Code screenshot – shows my current Navbar.jsx setup.
2. Result screenshot – shows how it looks in Chrome.
Any guidance on how to correctly structure the components or fix the layering would be greatly appreciated!

Thanks in advance.

Hi, I’m trying to use the liquid-glass-react library for my navbar, but the different layers of the effect are overlapping instead of behaving like a liquid glass. I’ve tried adjusting cornerRadius, elasticity, and removing Tailwind styles, but the issue persists. I’ve attached two screenshots: 1. Code screenshot – shows my current Navbar.jsx setup. 2. Result screenshot – shows how it looks in Chrome. Any guidance on how to correctly structure the components or fix the layering would be greatly appreciated! Thanks in advance. <img width="749" height="367" alt="Image" src="https://github.com/user-attachments/assets/552a2242-d3ad-43bd-90b6-0081cf175864" /> <img width="1512" height="861" alt="Image" src="https://github.com/user-attachments/assets/0961d3fe-7917-4dcb-a87b-7af3c729af8d" />

👍 3 👀 1

No labels

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

rdev/liquid-glass-react#22

No description provided.

Rows
Columns