nank1ro/flutter-shadcn-ui

어떤 프로젝트인가요?

핵심 기능

• 01버튼, 카드, 다이얼로그, 폼 등의 shadcn/ui 컴포넌트를 Flutter로 포팅합니다.
• 02각 위젯에서 색상, 크기, 동작을 설정할 수 있습니다.
• 03날짜 선택기, 시간 선택기, input OTP, 캘린더, 리사이즈 가능한 레이아웃을 포함합니다.
• 04각 컴포넌트의 예제가 포함된 인터랙티브 문서를 제공합니다.
• 05pub.dev에서 shadcn_ui 패키지로 배포됩니다.

활용 사례

• 모든 위젯을 처음부터 직접 디자인하지 않고 shadcn 스타일의 현대적인 Flutter 앱을 만들 때.
• 입력, 선택, 체크박스, 날짜 선택기 컴포넌트로 폼을 만들 때.
• 일관된 스타일의 토스트, 다이얼로그, 시트를 Flutter 앱에 추가할 때.

사용 전 알아둘 점

• !Carousel, Data Table, Navigation Menu, Pagination, Toggle 등을 포함해 아직 포팅되지 않은 shadcn/ui 컴포넌트가 몇 가지 있습니다.

포함된 컬렉션

토픽

자주 묻는 질문

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

Flutter 앱용으로 커스터마이징 가능한 UI 컴포넌트를 제공하는 shadcn/ui의 Flutter 포트입니다. Flutter ShadcnUI는 shadcn/ui 디자인 시스템을 Flutter로 가져옵니다. shadcn 특유의 스타일을 적용한 버튼, 카드, 다이얼로그, 폼, 날짜 및 시간 선택기, 탭, 테이블, 토스트, 시트 등의 바로 사용할 수 있는 위젯을 제공합니다.

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

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

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

활발히 유지보수 중. flutter-shadcn-ui의 마지막 커밋은 2026년 11월 3일입니다.

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

모든 위젯을 처음부터 직접 디자인하지 않고 shadcn 스타일의 현대적인 Flutter 앱을 만들 때. 입력, 선택, 체크박스, 날짜 선택기 컴포넌트로 폼을 만들 때. 일관된 스타일의 토스트, 다이얼로그, 시트를 Flutter 앱에 추가할 때.

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

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