Jelly UI는 체크박스, 토글, 라디오 버튼 같은 평범한 HTML 폼 요소에 '연체 물리(soft-body physics)'를 입힌 실험적 라이브러리입니다. 클릭할 때마다 요소가 젤리처럼 눌리고 출렁이며 되튀는 인터랙션을 보여주죠. 핵심은 화려함 자체가 아니라, 표준 네이티브 컨트롤을 완전히 대체하지 않고도 감각적인 마이크로 인터랙션을 얹을 수 있다는 발상입니다. 접근성과 기본 동작을 해치지 않으면서 촉감(haptic)에 가까운 피드백을 주는 방향이라, UX에서 '즐거움(delight)'이 어떻게 사용자 몰입을 만드는지 보여주는 좋은 사례입니다. 다만 과용하면 오히려 산만하고 성능 부담이 될 수 있어, 결제·핵심 폼보다는 브랜드성이 중요한 랜딩이나 온보딩에 선별 적용하는 것이 현실적입니다. CSS·물리 애니메이션에 관심 있는 프론트엔드 개발자라면 구현 원리를 뜯어볼 만한 프로젝트입니다.
이 글도 읽어보세요
이 뉴스가 유용했나요?
TTJ 코딩클래스 정규반
월급 외 수입,
코딩으로 만들 수 있습니다
17가지 수익 모델을 직접 실습하고, 1,300만원 상당의 자동화 도구와 소스코드를 받아가세요.
144+실전 강의
17개수익 모델
4.9수강생 평점
"비전공 직장인인데 반년 만에 수익 파이프라인을 여러 개 만들었습니다"
실제 수강생 후기- 비전공자도 6개월이면 첫 수익
- 20년 경력 개발자 직강
- 자동화 프로그램 + 소스코드 제공