tailwind css components

꼬리 바람 CSS 구성 요소

오픈 소스 프로젝트. Tailwind.build에 의해 생성 된 초기 구성 요소.

시작하기

프로젝트의 소스 파일은 ./src/ directory에 배치됩니다

• ./src/assets- 기본 정적 파일 (예 : 이미지 자리 표시 자). 자신의 파일로 교체해야합니다.

• ./src/scss/- Bulma 테마를 구축하는 데 사용되는 Sass 소스. 테마 커스터마이저에 사용되는 변수는 Custom-Variables.scss 파일에 있습니다.

• ./src/* .pug- 모든 페이지 (템플릿)는 분리 된 .pug 파일에 저장됩니다.

사용하는 방법

 # Install dependencies
$ yarn

# Run dev server with live preview (Browsersync)
$ yarn start

# Or make production build
yarn build

더 필요하십니까? 오픈 소스 테일 윈드 테마 로이 선별 된 목록을 확인하십시오

소프트 UI 대시 보드 테일 바람

소프트 UI 대시 보드 테일 윈드는 버튼, 입력, 네이브 바, 네이브 탭, 카드 또는 알림과 같은 70 개 이상의 프론트 엔드 개별 요소로 제작되어 선택 및 결합의 자유를 제공합니다.

• 소프트 UI 대시 보드 테일 바람 - product page
• 소프트 UI 대시 보드 테일 윈드 - LIVE demo

소프트 UI 흐름

Tailwindcss, Flowbite 및 HTML을 기반으로 혁신적인 관리자 템플릿으로 웹 사이트를 더 빨리 구축하십시오. Soft UI Flowbite에는 함께 맞고 놀랍게 보이도록 제작 된 수많은 구성 요소가 있습니다.

• 소프트 UI FlowBite- product page
• 소프트 UI 흐름 - LIVE demo

이 무료 대시 보드는 사전 제작 된 디자인 블록이 제공되므로 개발 프로세스가 완벽하므로 페이지에서 실제 웹 사이트로 전환하는 것은 매우 쉽습니다.

아르곤 대시 보드 테일 바람

Argon은 제품을보다 직관적이고 적응력이 뛰어나며 말할 필요가 없으며 사용자 정의하기가 훨씬 쉽게 만들기위한 최신 제품으로 구축 된 최신 신제품입니다. Argon이 멋진 기능으로 놀라게하고 도구를 구축하고 프로젝트를 완전히 새로운 차원으로 끌어 올리십시오.

• Argon Dashboard Tailwind- product page
• Argon Dashboard Tailwind- LIVE demo

Notus Svelte

Argon은 제품을보다 직관적이고 적응력이 뛰어나며 말할 필요가 없으며 사용자 정의하기가 훨씬 쉽게 만들기위한 최신 제품으로 구축 된 최신 신제품입니다. Argon이 멋진 기능으로 놀라게하고 도구를 구축하고 프로젝트를 완전히 새로운 차원으로 끌어 올리십시오.

• Notus Svelte- product page
• Notus Svelte- LIVE demo

재료 테일 윈드 키트 반응

Material Tailwind Kit React는 120 개 이상의 개별 구성 요소 이상의 기능을 사용하여 선택 및 결합의 자유를 제공합니다. 이것은 수천 개의 가능한 조합이 있음을 의미합니다. 모든 구성 요소는 색상의 변형을 취할 수 있으며, 이는 React.js Props를 사용하여 쉽게 수정할 수 있습니다.

• 재료 테일 윈드 키트 반응 - product page
• 재료 테일 윈드 키트 반응 - LIVE demo

---

Tailwind CSS 구성 요소 - AppSeed Web App Generator에서 제공합니다.