ShaderGradient를 사용해 웹사이트에 아름답게 움직이는 그라디언트를 만들어보세요.
화려한 비주얼과 부드러운 애니메이션으로 방문자의 시선을 사로잡을 수 있습니다.

• 완벽한 커스터마이징 지원

  이 플러그인은 WebGL 셰이더로 제작되어, 색상과 형태는 물론 입자나 조명 같은 고급 효과까지 자유롭게 커스터마이징할 수 있습니다.

  
  

• 실제 서비스에서도 안정적

  성능과 패키지 용량이 최적화되어 있어, 실서비스 환경에서도 무리 없이 활용할 수 있습니다.

  
  

• 컬러풀한 인터랙션 만들기

  Framer의 스마트 컴포넌트와 함께 사용하면, 그라디언트에 다양한 인터랙션을 손쉽게 추가할 수 있습니다.
  공식 웹사이트나 Remix 링크에서 샘플을 확인해보세요.

  
  

• 사용 방법

  이 플러그인을 통해 기본 제공하는 프리셋 또는 ShaderGradient 커스터마이징 페이지의 URL을 사용해 그라디언트 컴포넌트를 추가할 수 있습니다. 색상, 형태, 효과 등의 속성은 Framer의 속성 패널에서 간편하게 조정할 수 있어요.

  
  

• 앞으로의 업데이트

  이 플러그인은 현재 첫 번째 버전이며, 앞으로 속성 패널을 위한 커스텀 UI 제공, 새로운 셰이더 추가와 같은 기능이 지속적으로 업데이트될 예정입니다.