처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
테크 뉴스
Hacker News 2026.07.21 41

체크박스가 젤리처럼 출렁인다면? 'Jelly UI'의 물리 실험

Hacker News 원문 보기

Jelly UI는 체크박스, 토글, 라디오 버튼 같은 평범한 HTML 폼 요소에 '연체 물리(soft-body physics)'를 입힌 실험적 라이브러리입니다. 클릭할 때마다 요소가 젤리처럼 눌리고 출렁이며 되튀는 인터랙션을 보여주죠. 핵심은 화려함 자체가 아니라, 표준 네이티브 컨트롤을 완전히 대체하지 않고도 감각적인 마이크로 인터랙션을 얹을 수 있다는 발상입니다. 접근성과 기본 동작을 해치지 않으면서 촉감(haptic)에 가까운 피드백을 주는 방향이라, UX에서 '즐거움(delight)'이 어떻게 사용자 몰입을 만드는지 보여주는 좋은 사례입니다. 다만 과용하면 오히려 산만하고 성능 부담이 될 수 있어, 결제·핵심 폼보다는 브랜드성이 중요한 랜딩이나 온보딩에 선별 적용하는 것이 현실적입니다. CSS·물리 애니메이션에 관심 있는 프론트엔드 개발자라면 구현 원리를 뜯어볼 만한 프로젝트입니다.

이 뉴스가 유용했나요?

TTJ 코딩클래스 정규반

월급 외 수입,
코딩으로 만들 수 있습니다

17가지 수익 모델을 직접 실습하고, 1,300만원 상당의 자동화 도구와 소스코드를 받아가세요.

144+실전 강의
17개수익 모델
4.9수강생 평점
정규반 자세히 보기

"비전공 직장인인데 반년 만에 수익 파이프라인을 여러 개 만들었습니다"

실제 수강생 후기
  • 비전공자도 6개월이면 첫 수익
  • 20년 경력 개발자 직강
  • 자동화 프로그램 + 소스코드 제공

매일 AI·개발 뉴스를 받아보세요

주요 테크 뉴스를 매일 아침 이메일로 전해드립니다.

스팸 없이, 언제든 구독 취소 가능합니다.