Tailwind CSS - 오픈 소스 스타터

안녕하세요 코더 여러분!

이 기사에서는 Django 및 Flask를 백엔드 프레임워크로 사용하여 Tailwind CSS 위에 제작된 두 가지 오픈 소스 스타터를 소개합니다. 제품은 Github의 MIT 라이선스에 따라 출시되며 허용 라이선스를 기반으로 하며 상업용 또는 eLearning 프로젝트에서 사용할 수 있습니다. 읽어 주셔서 감사합니다!

✨ 아르곤 대시보드 순풍

Argon은 우리 제품을 보다 직관적이고 적응력이 뛰어나며 말할 필요도 없이 훨씬 쉽게 사용자 정의할 수 있도록 하기 위해 스크래치 프레임워크 구조에서 새롭게 재구축된 완전히 새로운 제품입니다.

👉 Argon Dashboard Tailwind - product page

👉 Argon Dashboard Tailwind - LIVE demo

✨ 소프트 UI 플로우바이트

Soft UI Flowbite는 버튼, 입력, 내비게이션, 내비 탭, 카드 또는 알림과 같은 30개 이상의 프런트엔드 개별 요소로 구성되어 선택하고 조합할 수 있는 자유를 제공합니다.

👉 Soft UI Flowbite - product page

👉 Soft UI Flowbite - LIVE demo

모든 구성 요소는 다양한 색상을 가질 수 있으며 TailwindCSS 구성 및 클래스를 사용하여 쉽게 수정할 수 있습니다. 모든 요소가 구현되기 때문에 프로토타이핑에서 전체 기능 코드로 이동하는 데 많은 시간을 절약할 수 있습니다.

✨ 소프트 순풍 CSS Django

제품은 인증, Docker 지원 및 여기에 완전히 문서화된 간단한 코드베이스와 함께 배송됩니다. 제품 특징:

✅ CSS 프레임워크: 순풍

✅ 최신 종속성

✅ 데이터베이스: sqlite

✅ UI 지원 앱, Django Native ORM

✅ 세션 기반 인증, 양식 검증

아마도 로컬 환경에서 프로젝트를 시작하는 더 쉬운 방법은 소스와 함께 제공되는 Docker 설정을 사용하는 것입니다.

Step #1 - Clone the sources from the public repository

$ git clone https://github.com/app-generator/django-soft-dashboard-tailwind.git
$ cd django-soft-dashboard-tailwind

Step #2 - Start in Docker

$ docker-compose up --build 

위의 명령이 실행되면 앱이 브라우저에서 실행되고 있어야 합니다.

✨ 소프트 순풍 CSS 플라스크

이 버전은 동일한 기능 세트와 함께 제공되지만 Flask:

✅ CSS 프레임워크: 순풍

✅ 최신 종속성

✅ 데이터베이스: sqlite

✅ DB 도구: SQLAlchemy ORM, Flask-Migrate(스키마 마이그레이션)

✅ 세션 기반 인증(flask_login을 통해), 양식 검증

✨ 디자인 프리젠테이션

Soft UI Dashboard Tailwind는 버튼, 입력, 탐색 모음, 탐색 탭, 카드 또는 알림과 같은 70개 이상의 프런트엔드 개별 요소로 구축되어 자유롭게 선택하고 결합할 수 있습니다. 모든 구성 요소는 SASS 파일 및 클래스를 사용하여 쉽게 수정할 수 있는 다양한 색상을 가질 수 있습니다.

👉 Soft UI Dashboard Tailwind - template version

이 무료Tailwind CSS 대시보드는 사전 구축된 디자인 블록과 함께 제공되므로 개발 프로세스가 원활하고 페이지에서 실제 웹 사이트로 전환하는 것이 매우 쉽습니다.

샘플 페이지 - 영감을 얻거나 고객에게 직접 무언가를 보여주고 싶다면 사전 구축된 예제 페이지로 개발을 바로 시작할 수 있습니다.

Soft Dashboard Tailwind - User Profile Page

Soft Dashboard Tailwind - Billing Page

Soft Dashboard Tailwind - Data Tables

Thanks for reading! For more resources, please access:

✨ Django, Flask 및 Free Dashboards에서 제작된 기타React

✨ 더 보기Admin Dashboards - 제품이 있는 방대한 색인