> 웹 프론트엔드 > CSS 튜토리얼 > Shadcn UI를 사용하기 위해 알아야 할 컴포넌트 라이브러리!

Shadcn UI를 사용하기 위해 알아야 할 컴포넌트 라이브러리!

DDD
풀어 주다: 2024-10-26 06:01:02
원래의
328명이 탐색했습니다.

shadcn-ui는 개발자에게 고도로 사용자 정의 가능하고 액세스 가능한 UI 구성 요소 세트를 제공하는 최신 React 구성 요소 라이브러리입니다.

Shadcn UI에는 다양한 구성 요소가 내장되어 있지만 여전히 다양한 애플리케이션 시나리오의 요구 사항을 충족할 수 없습니다. 이번 글에서는 Awesome Shadcn UI에서 추천하는 유용한 컴포넌트 10가지를 공유하겠습니다.

Component Libraries You Must Know To Use Shadcn UI!

1. Shadcn UI 사이드바(신규)

구성 가능하고 테마 지정이 가능하며 사용자 정의 가능한 사이드바 구성 요소입니다.

MIT

Component Libraries You Must Know To Use Shadcn UI!

Component Libraries You Must Know To Use Shadcn UI!

2. 접시

shadcn/ui를 사용한 리치 텍스트 편집기.

MIT / 11K

Component Libraries You Must Know To Use Shadcn UI!

Component Libraries You Must Know To Use Shadcn UI!

3. 바울

Vaul은 태블릿과 모바일 기기에서 대화 상자를 대체하는 데 사용할 수 있는 스타일이 지정되지 않은 React용 서랍 구성 요소입니다.

MIT / 6.3K

Component Libraries You Must Know To Use Shadcn UI!

4. 자동형성

? 기존 데이터 스키마에 대한 양식을 자동으로 렌더링

MIT / 2.9K

Component Libraries You Must Know To Use Shadcn UI!

5. shadcn 테이블

서버측 정렬, 필터링 및 페이지 매김 기능을 갖춘 Shadcn 테이블

MIT / 2.7K

Component Libraries You Must Know To Use Shadcn UI!

6. 메일리.투

모든 주요 고객과의 완벽한 커뮤니케이션을 보장하는 강력한 이메일 편집기인 Maily를 사용하여 아름다운 이메일을 손쉽게 작성하세요.

MIT / 1.6K

Component Libraries You Must Know To Use Shadcn UI!

7. 색을 칠하다

shadcn/ui로 구축된 모든 기능을 갖춘 태그 입력 구성 요소

MIT / 706

Component Libraries You Must Know To Use Shadcn UI!

8. shadcn에 대한 날짜 범위 선택기

DateRangePicker는 Radix UI 및 Tailwind CSS를 사용하는 shadcn용 재사용 가능한 구성 요소입니다. 미리 설정된 날짜 범위, 텍스트 입력, 달력 선택 및 날짜 비교가 포함됩니다.

MIT / 666

Component Libraries You Must Know To Use Shadcn UI!

9. shadcn-최소 팁탭

Minimal Tiptap Editor는 Shadcn용으로 제작된 가볍고 사용자 정의 가능한 서식 있는 텍스트 편집기 구성 요소입니다. 텍스트 서식 지정 및 편집을 위한 직관적인 인터페이스를 제공합니다.

MIT / 659

Component Libraries You Must Know To Use Shadcn UI!

10. 정렬 가능

shadcn/ui, radix ui 및 dnd-kit으로 정렬 가능하게 구축되었습니다.

MIT / 438

Component Libraries You Must Know To Use Shadcn UI!

위의 10개 오픈소스 프로젝트 외에도 Awesome Shadcn UI에는 다른 프로젝트도 소개되어 있습니다. Awesome Shadcn UI를 방문하여 Shadcn 관련 프로젝트에 대해 자세히 알아볼 수 있습니다.

위 내용은 Shadcn UI를 사용하기 위해 알아야 할 컴포넌트 라이브러리!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿