tailwind ui components

TailGrids의 무료 Tailwind CSS UI 구성 요소 및 블록

TailGrids는 최신 웹사이트, 랜딩 페이지, 웹 애플리케이션, 대시보드, 전자상거래 등에 맞게 완벽하게 제작된 600개 이상의 고품질 Tailwind CSS UI 구성 요소 및 블록으로 구성된 최신 Tailwind CSS UI 라이브러리입니다. 이 라이브러리에는 최고 수준의 UI 라이브러리에서 기대할 수 있는 모든 필수 UI 구성 요소와 요소가 포함되어 있어 일관된 디자인과 사용하기 쉬운 예제 템플릿, HTML, React 및 Vue용 복사-붙여넣기 구성 요소를 보장합니다.

주요 특징:

• 완전한 UI 라이브러리: TailGrids는 600개 이상의 Tailwind CSS UI 구성 요소 및 블록으로 구성된 인상적인 모음을 자랑합니다.
• 다중 프레임워크 지원: TailGrids는 다양한 개발 요구 사항을 충족하는 HTML, React 및 Vue 등 여러 프레임워크를 지원합니다.
• 프리미엄 품질: 당사의 구성 요소는 일관되고 현대적인 미학으로 설계되어 고급 시각적 품질을 보장합니다.
• 사용자 친화적: 간단한 복사-붙여넣기 기능을 통해 TailGrids는 개발 프로세스를 가속화하여 시간과 노력을 절약합니다.
• 적응성: TailGrids는 최신 웹사이트, 랜딩 페이지, 웹 앱, 대시보드, 전자상거래 플랫폼 등을 포함한 다양한 애플리케이션에 이상적입니다.
• 액세스 가능한 오픈 소스 버전: 무료 버전을 사용하면 모든 핵심 구성 요소와 함께 200개 이상의 UI 구성 요소에 액세스할 수 있습니다.
• 예제 템플릿: HTML 및 React에서 사용할 수 있는 다목적의 고유한 예제 템플릿 14개.

TailGrids의 무료 오픈 소스 버전은 모든 핵심 구성 요소와 함께 200개 이상의 UI 구성 요소를 제공하므로 개인 및 상업 프로젝트 모두에 귀중한 리소스가 됩니다. 자유롭게 사용하시고, 이 저장소를 별표 표시하여 우리 팀을 지원하고 영감을 주는 것을 잊지 마세요.

모든 구성 요소 살펴보기

? 웹사이트 방문

? 선적 서류 비치

NPM을 통해 설치

TailGrids NPM 패키지 전에 Node.js 및 Tailwind CSS를 설치했는지 확인하세요. Tailgrids를 시작하는 데 도움이 되는 빠른 가이드는 다음과 같습니다.

1. TailGrids NPM 패키지를 설치합니다.

npm i tailgrids

2. tailwind.config.js 파일에 TailGrids 플러그인을 추가합니다.

 module . exports = {
  // Your existing Tailwind CSS configuration goes here

  plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;

3. 구성 요소를 찾아보고 원하는 구성 요소를 프로젝트에 복사하여 붙여넣기만 하면 됩니다.

그리고 그게 다야! 프로젝트에서 TailGrids 사용을 시작할 준비가 모두 완료되었습니다. 즐거운 코딩하세요!

⚡ PRO 버전 받기

? 자세한 문서 및 사용 가이드

TailAdmin 반응

TailAdmin Vue

?️ TailGrids Figma

? 지원하다

Starring을 통해 언제든지 이 프로젝트를 지원하고 영감을 줄 수 있나요? 이 저장소 및 친구들과 공유합니다. 라이브러리가 마음에 들면 Pro 버전 구매를 고려해보세요.

변경 내역

버전 2.2.1

(2024년 8월)

• 타임피커가 추가되었습니다.
• 날짜 선택기가 추가되었습니다.

버전 2.2.0

(2024년 5월)

• 80개 이상의 새로운 구성 요소가 추가되었습니다.
• 핵심 스타일 가이드를 업데이트했습니다.
• 파일 구조를 수정했습니다.
• 종속성을 줄이기 위해 플러그인을 향상했습니다.
• 다른 종속성과 함께 Tailwind CSS 버전을 업데이트했습니다.

버전 2.1.0

(2023년 10월)

• 다크 모드를 도입했습니다.
• 기존 부품을 연마했습니다.
• 몇 가지 핵심 구성요소를 통합했습니다.
• 종속 패키지가 업데이트되었습니다.

버전 2.0.0

(2023년 2월)

• 이 주요 릴리스에서는 구성 요소를 두 배로 늘리고 다크 모드를 도입했으며 구성 요소 및 예제 템플릿을 확장했습니다.
• 500개 이상의 Tailwind UI 구성 요소(200개 이상 새로 추가됨)
• 12개 템플릿(8개 신규 추가)
• 모든 구성요소에 대한 다크 모드
• 새로운 UI 구성요소로 업데이트된 Figma 파일
• 2 전자상거래 템플릿
• 90+ 고급 | 핵심, 마케팅 및 앱 UI 구성 요소
• 50개 이상의 대시보드 UI 구성 요소
• 100개 이상의 전자상거래 구성요소

버전 1.1.0

(2022년 3월)

우리는 Figma 통합과 새로운 템플릿을 통해 디자인 경험을 향상시키는 데 중점을 두었습니다.

• 2개의 새로운 템플릿
• UI 구성 요소에 대한 Figma 소스
• 반응형 버튼/뷰포트
• 전용 템플릿 갤러리

최초 출시

(2022년 2월)

여행이 시작되었습니다! 우리는 구성 요소와 템플릿의 강력한 기반을 갖춘 TailGrids를 출시했습니다.

• 초기 300개 이상의 UI 구성 요소
• 두 가지 예제 템플릿
• 오픈 소스 버전용 NPM 패키지

? 특허

TailGrids 코어 버전은 100% 무료입니다! 오픈 소스이므로 개인 또는 상업 프로젝트에 사용할 수 있습니다.

UI 구성요소