Warning: mkdir(): No space left on device in /var/www/hottg/post.php on line 59

Warning: file_put_contents(aCache/aDaily/2025-07-22/post/react_tg/--): Failed to open stream: No such file or directory in /var/www/hottg/post.php on line 72
💎 Liquid Glass для React — современный UI-эффект в духе Apple @React JS
TG Telegram Group & Channel
React JS | United States America (US)
Create: Update:

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

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

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

📦 Установка:


npm install liquid-glass-react


📍Пример:

<LiquidGlass
displacementScale={64}
blurAmount={0.1}
saturation={130}
aberrationIntensity={2}
elasticity={0.35}
cornerRadius={100}
>
<span className="text-white font-medium">Click Me</span>
</LiquidGlass>


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

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

@react_tg

This media is not supported in your browser
VIEW IN TELEGRAM
💎 Liquid Glass для React — современный UI-эффект в духе Apple

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

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

📦 Установка:

npm install liquid-glass-react


📍Пример:

<LiquidGlass
displacementScale={64}
blurAmount={0.1}
saturation={130}
aberrationIntensity={2}
elasticity={0.35}
cornerRadius={100}
>
<span className="text-white font-medium">Click Me</span>
</LiquidGlass>


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

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

@react_tg
👍20🔥7🥴52🐳2


>>Click here to continue<<

React JS




Share with your best friend
VIEW MORE

United States America Popular Telegram Group (US)


Warning: Undefined array key 3 in /var/www/hottg/function.php on line 115

Fatal error: Uncaught mysqli_sql_exception: Too many connections in /var/www/db.php:16 Stack trace: #0 /var/www/db.php(16): mysqli_connect() #1 /var/www/hottg/function.php(212): db() #2 /var/www/hottg/function.php(115): select() #3 /var/www/hottg/post.php(351): daCache() #4 /var/www/hottg/route.php(63): include_once('...') #5 {main} thrown in /var/www/db.php on line 16