?? Liquid Glass для React — современный UI-эффект в духе Apple

liquid-glass-react — это эффект "жидкого стекла", теперь как компонент для React. Поддерживает преломление, размытие, хроматическую аберрацию и реакцию на курсор. Стильно, плавно и нативно выглядит в интерфейсе.

?? Что умеет:
• Преломление и искажение (`displacementScale`, blurAmount, `saturation`)
• Хроматическая аберрация и глянцевый блик
• Эффект "жидкой реакции" на курсор (`elasticity`)
• Реалистичный визуальный стиль как у macOS/iOS
• Кастомизация: cornerRadius, padding, onClick, mouseContainer

?? Установка:

npm install liquid-glass-react

??Пример:

  displacementScale={64}

  blurAmount={0.1}

  saturation={130}

  aberrationIntensity={2}

  elasticity={0.35}

  cornerRadius={100}

>

  Click Me

?? Браузеры: Chrome и Chromium-based — идеально. Safari и Firefox — частичная поддержка без полного displacement.

?? GitHub: https://github.com/rdev/liquid-glass-react

@react_tg