실시간 인덱스422 개 도구17 개 섹션132 명Motionsites 후원
디자인 & 프런트엔드 도구, 엄선했습니다.
UI 컴포넌트 라이브러리, 애니메이션 도구, AI 코딩 에이전트, 아이콘 세트, 그리고 영감을 주는 갤러리까지 — 코드로 디자인하는 사람들을 위해. 프레임에 마우스를 올리면 움직임이 재생됩니다. 다음 키를 눌러 보세요 Space.스크롤하면 각 프레임의 움직임을 볼 수 있고, 하나를 탭하면 자세히 볼 수 있습니다.
422 개 도구 · 17 개 섹션 · 5 개 허브
전체 인덱스
모든 카테고리를 한눈에 — 섹션을 열거나 전체 도구 목록을 둘러보세요.
컬렉션
사람들이 실제로 검색하는 질문에 맞춘 좁은 범위의 목록으로, 모두 전체 인덱스에서 선별했습니다.
27 개 선정애니메이션 컴포넌트 라이브러리
React와 Tailwind를 위한 애니메이션 컴포넌트 라이브러리 27가지 — Aceternity UI, Magic UI, React Bits 외 다수. 복사해 붙여넣는 모션 컴포넌트를, 라이브 미리보기에서 움직이는 모습 그대로 확인하세요.
11 개 선정랜딩 페이지 예시
랜딩 페이지 영감 갤러리 11곳 — Land-book, Lapa Ninja, Saaspo 외 다수. 실제 랜딩 페이지 예시와 SaaS 페이지, 히어로 섹션을 업종과 스타일별로 정리했습니다.
10 개 선정히어로·내비게이션·CTA 영감
웹사이트의 개별 섹션에 집중한 갤러리 10곳 — navbar.gallery, footer.design, cta.gallery. 내비게이션 바, 푸터, 히어로, CTA, 로더 디자인 영감을 모았습니다.
20 개 선정Tailwind 컴포넌트 라이브러리
Tailwind CSS 컴포넌트 라이브러리 20가지 — Flowbite, daisyUI, HyperUI 외 다수. Tailwind 기반의 클래스 중심 키트, React 컴포넌트, 마케팅 섹션을 담았습니다.
23 개 선정shadcn/ui 블록·템플릿
shadcn/ui 블록, 템플릿, 레지스트리, 도구 23가지 — shadcn/ui, 21st.dev, shadcnblocks 외 다수. shadcn CLI로 설치하는 컴포넌트를 라이브 미리보기와 함께 제공합니다.
팔로우할 만한 사람들
포트폴리오와 오픈소스 작업, 그리고 글로 인터페이스를 만드는 방식을 바꿔 나가는 디자인 엔지니어들.
추가할 만한 걸 만드셨나요?
링크를 보내 주세요. 어느 섹션에 맞으면 미리보기 녹화와 전용 프레임이 생깁니다.