حوّل أي شعار لمعدن سائل لامع. القلب بتاعها هو @paper-design/shaders-react — شيدرات جاهزة كمكوّنات React.
الديمو شيدر MeshGradient من نفس مكتبة Paper بدرجات معدنية. أداة liquid-logo بتطبّق شيدر المعدن السائل على صورة الشعار نفسها.
لوجو معدني سائل في الـ Hero أو الـ intro.
افتتاحية لامعة للريلز والفيديوهات.
MeshGradient/Metaballs كخلفية ناعمة متدفّقة.
أشكال معدنية لامعة للملفات الشخصية.
لمسة معدنية تخلّي العنصر يبان غالي.
شاشة بداية بشعارك بيتشكّل من المعدن.
import { MeshGradient } from '@paper-design/shaders-react'
export default function LiquidBg() {
return (
<MeshGradient
style={{ width: '100%', height: '100%' }}
colors={['#c9cdd6', '#8a8f9c', '#ffffff', '#3a3d46']}
speed={0.3} distortion={1.1} swirl={0.8}
/>
)
}
// للوجو معدن سائل من صورة: جرّب أداة liquid.paper.design،
// أو طبّق شيدر المعدن على <img> شعارك (مفتوح المصدر).