ryong.registry
Components
좋아하는 컴포넌트 및 인터렉션 요소들을 모아놓은 공간입니다.
Components
46
Categories
7
Package managers
4
Quick start
Registry install
pnpm dlx shadcn@latest add https://ryong-blog.vercel.app/r/data-table.jsonBrowse
Categories
6 items
Controls & Inputs
버튼, 입력, 슬라이더, 토글처럼 사용자가 값을 바꾸는 컨트롤입니다.
3 items
Menus & Actions
메뉴, 키보드, 투두처럼 액션 선택이나 조작 흐름을 보여주는 컴포넌트입니다.
8 items
Content Display
캐러셀, 마키, 아바타, 이미지, 카드처럼 콘텐츠를 보여주는 패턴입니다.
5 items
Data & Status
테이블, 트리, 진행률, 카운터처럼 구조화된 정보와 상태를 보여주는 컴포넌트입니다.
8 items
Text Effects
타이핑, 플립, 모핑, 하이라이트처럼 텍스트 자체를 강조하는 효과입니다.
3 items
Background & Atmosphere
섹션 배경과 화면 분위기를 만드는 배경형 효과입니다.
13 items
Cursor & Interaction Effects
마우스 움직임, 클릭, 호버에 반응하는 인터랙션 효과입니다.
Start here
Featured components
Data & Status
Typed Data Table
HeroUI 테이블 구조를 참고한 타입 기반 데이터 테이블입니다.
Data & Status
Collapsible File Tree
파일과 폴더를 선택하고 접을 수 있는 중첩 파일 트리입니다.
Controls & Inputs
Theme Toggle
라이트/다크 테마를 전환하는 간결한 스위치형 토글입니다.
Controls & Inputs
Rotating Search Input
플레이스홀더가 순환되고 제출 시 텍스트가 사라지는 검색 입력입니다.
Content Display
Depth Image Carousel
이미지 카드를 원근감 있게 회전시키는 3D 캐러셀입니다.
Text Effects
Typewriter Text
문자가 타이핑되듯 순서대로 나타나는 텍스트 애니메이션입니다.