컴포넌트
Blob Morph Loader
border-radius 값을 순환시켜 젤리처럼 유기적으로 모핑하며 회전하는 브랜드 그라데이션 블롭 스피너 로더.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/BlobMorphLoader-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| size | "sm" | "md" | "lg" | "md" | 크기 프리셋. sm=48, md=88, lg=132px 지름 (diameter 미지정 시 사용). |
| speed | number | 3200 | 모핑 1사이클 소요 시간(ms). 클수록 느리고 부드럽게 변형. |
| colorA | string | "#C084FC" | 블롭 그라데이션 시작 색(퍼플). |
| colorC | string | "#5EEAD4" | 블롭 그라데이션 끝 색(민트). |
| glow | boolean | true | 블롭 뒤에 blur된 발광(glow) 맥동 레이어 표시 여부. |
| showToggle | boolean | false | 키보드 접근 가능한 재생/일시정지 토글 버튼 표시 여부. |