Sol은 Framer 안에서 생동감 넘치는 배경과 독창적인 도형을 제작할 수 있는 플러그인입니다. Framer에서 바로 애니메이션 그라디언트, 인터랙티브 배경, 사용자 지정 도형을 만들고 세부 사항을 맞춤 설정할 수 있습니다.

주요 기능

인터랙티브 요소

• Dot Grids: 호버(또는 모바일 터치)에 반응하는 인터랙티브 격자. 회전, 색상, 간격, 모서리 반경 등 커스터마이징 가능

• Gradients: 다양한 애니메이션 그라데이션 제공 (최대 16가지 색상 사용 가능, 약간의 그레인 효과 포함)

• Tiles: 무작위로 애니메이션되는 격자. 배경으로 사용하기에 적합
  
  
  

도형 생성

• Blobs: 무한한 변형이 가능한 유기적 형태

• Squircles: 기존 직사각형보다 부드러운 곡선을 가진 둥근 사각형

• Supershapes: 슈퍼포뮬러(Superformula)를 기반으로 별, 꽃, 물방울 등 다양한 도형을 단 5개의 파라미터로 생성

• Polygons: 원하는 변 개수를 가진 다각형. 안쪽/바깥쪽으로 휘어져 둥근 형태나 별 모양 생성 가능

특징

• 의존성 없음: 별도의 JavaScript 라이브러리를 추가하지 않아 웹사이트 용량에 부담이 없음

• 표준 웹 기술 기반: 성능과 호환성을 보장

• 애니메이션 그라데이션과 Dot Grids는 WebGL 기반으로 매우 빠르지만, 단일 캔버스나 웹페이지에서 동시에 사용할 수 있는 최대 개수는 8개로 제한됩니다. 히어로 섹션처럼 핵심 장면에 활용하는 것이 가장 좋습니다.

가격

Sol의 평생 라이선스 비용은 49유로입니다.