huntabyte/shadcn-svelte

어떤 프로젝트인가요?

핵심 기능

• 01블랙박스 패키지를 설치하는 대신 컴포넌트 소스 코드를 복사해 붙여 넣어 사용할 수 있습니다.
• 02접근성과 커스터마이징을 고려해 설계된 컴포넌트입니다.
• 03SvelteKit 및 Svelte 5 프로젝트에 맞춰 만들어졌습니다.
• 04Tailwind CSS로 스타일을 지정합니다.
• 05직접 컴포넌트 라이브러리를 구축할 때 기반으로 활용할 수 있습니다.

활용 사례

• 바로 사용할 수 있고 수정도 가능한 컴포넌트로 SvelteKit 애플리케이션의 UI를 구축할 때.
• Svelte를 기반으로 사내 디자인 시스템이나 컴포넌트 라이브러리를 만들 때.
• 처음부터 직접 작성하지 않고 접근성 있는 다이얼로그, 폼, 메뉴를 추가할 때.

빠른 시작

1. 1

   먼저 문서 사이트를 방문하세요

2. 2

   문서에서 설치 가이드를 읽어 보세요

사용 전 알아둘 점

• !비공식 커뮤니티 포트이며 shadcn/ui와 제휴 관계가 없습니다.
• !컴포넌트는 버전이 지정된 패키지로 설치하는 대신 프로젝트에 복사됩니다.

토픽

자주 묻는 질문

shadcn-svelte은(는) 무엇인가요?

앱에 직접 복사해 넣어 사용하는, 접근성과 커스터마이징을 고려한 shadcn/ui의 비공식 Svelte 포트입니다. shadcn-svelte는 shadcn/ui의 접근 방식을 Svelte로 가져온 프로젝트입니다. 컴포넌트 패키지를 설치하는 대신 컴포넌트 소스 코드를 프로젝트에 복사해 필요한 대로 수정할 수 있습니다. 컴포넌트는 접근성과 커스터마이징을 고려해 만들어졌으며, 직접 컴포넌트 라이브러리를 구축하기 위한 기반으로 활용할 수 있습니다.

shadcn-svelte은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

shadcn-svelte은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

shadcn-svelte은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. shadcn-svelte의 마지막 커밋은 2026년 10월 20일입니다.

shadcn-svelte은(는) 어디에 사용할 수 있나요?

바로 사용할 수 있고 수정도 가능한 컴포넌트로 SvelteKit 애플리케이션의 UI를 구축할 때. Svelte를 기반으로 사내 디자인 시스템이나 컴포넌트 라이브러리를 만들 때. 처음부터 직접 작성하지 않고 접근성 있는 다이얼로그, 폼, 메뉴를 추가할 때.

shadcn-svelte는 어떻게 설치하나요?

먼저 문서 사이트를 방문하세요 문서에서 설치 가이드를 읽어 보세요

shadcn-svelte은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/huntabyte/shadcn-svelte