HOVER TO INTERACT01 / 06
마그네틱 버튼Magnetic Button
무료커서의 움직임을 따라, 자연스럽게 이끌리는 버튼.
v1.0 · 무료 컴포넌트 공개↗
움직임에도품격이 있습니다.
작은 움직임이 만드는 큰 차이. 한국적 감각으로 다듬은
UI 모션 컴포넌트를 React와 HTML에 바로 더하세요.
React · Vanilla JS · Tailwind 호환복사 & 붙여넣기
CRAFTED IN KOREA. BUILT FOR THE WEB.움직여 보세요 ↓
COMPONENTS
정적인 화면에,
살아 있는 감각을.
과하지 않게, 그러나 분명하게.
직접 만져보고 마음에 드는 움직임을 골라보세요.
EVERY WORD, A MOMENT
02 / 06
텍스트 리빌Text Reveal
무료한 글자씩 피어나는, 시선을 머물게 하는 문장.
A QUIET KIND OF COLOR
디테일이 만드는 차이A little motion. A lasting impression.
03 / 06그라디언트 보더Gradient Border
프리미엄빛이 흐르듯, 경계를 따라 번지는 은은한 색.
MAKE NUMBERS FEEL ALIVE04 / 06
0
가능성은 계속 쌓이니까
카운터Number Counter
무료숫자에 리듬을 더해, 성장을 더 생생하게.
A FLOW WITHOUT AN END05 / 06
감각적인자연스러운오래 남는
마키Infinite Marquee
무료끊김 없이 흐르는 단어들, 여유로운 리듬으로.
FOLLOW YOUR CURIOSITY06 / 06
커서 글로우Cursor Glow
프리미엄움직이는 곳마다, 부드럽게 드러나는 빛의 결.
좋은 움직임은 직접 경험할 때 가장 잘 전해집니다.사용 가이드 ↗
PRICING
가볍게 시작하고,
더 깊이 표현하세요.
필요한 만큼의 움직임.
당신의 다음 아이디어를 위한 선택.
무료 Free
₩0 언제나 무료
작은 실험부터 새로운 프로젝트까지, 부담 없이.
- 기본 모션 컴포넌트 4종
- React · HTML / Vanilla JS 활용
- 자유로운 스타일 커스터마이징
- 복사해서 바로 시작하는 코드
프리미엄 Premium
COMING SOON출시 예정
더 섬세한 표현을 위한, 한 단계 깊은 움직임.
- 무료 플랜의 모든 컴포넌트
- 그라디언트 보더 · 커서 글로우
- 확장된 모션 프리셋과 인터랙션
- 새롭게 추가될 프리미엄 컬렉션
프리미엄의 자세한 구성은 출시와 함께 공개됩니다.
다음 화면에, 당신만의 움직임을.
좋은 인터페이스를 만드는 작은 차이, 모션한에서 시작하세요.