소프트 UI 대시보드 - 무료 Jinja 템플릿

안녕하세요 코더 여러분,

이 문서는 최신 Bootstrap 5 디자인인 Soft UI Dashboard를 기반으로 제작된 오픈 소스Jinja Template를 제공합니다. 이 프로젝트는 초보자가 기존 코드베이스 위에 간단한 프리젠테이션 웹 사이트를 코딩하거나 production-ready UI를 Jinja 템플릿 엔진(Flask, Django, Bottle of FastAPI)과 호환되는 레거시 Python 기반 프로젝트로 마이그레이션하는 데 도움이 될 수 있습니다. 읽어 주셔서 감사합니다!

Soft UI Dashboard Jinja - 라이브 데모

Soft UI Dashboard Jinja - 소스 코드(MIT 라이선스)

더보기Jinja Templates - 선별된 색인

디자인은 Creative-Tim 에이전시에서 제작한 가장 최신의 혁신적인 제품입니다. 수백 개의 요소, 디자인된 블록 및 완전히 코딩된 페이지로 구성된 Soft UI Dashboard는 멋진 웹사이트 및 웹앱을 만드는 데 도움이 될 준비가 되어 있습니다.

완전히 코딩된 요소 - Soft UI Dashboard는 버튼, 입력, 내비게이션, 내비탭, 카드 또는 경고와 같은 70개 이상의 프런트엔드 개별 요소로 구축되어 선택하고 조합할 수 있는 자유를 제공합니다. 모든 구성 요소는 다양한 색상을 가질 수 있으며 SASS 파일 및 클래스를 사용하여 쉽게 수정할 수 있습니다.

예제 페이지 - 영감을 얻거나 고객에게 직접 무언가를 보여주고 싶다면 사전 구축된 예제 페이지로 바로 개발을 시작할 수 있습니다. 웹 프로젝트의 기본 구조를 빠르게 설정할 수 있습니다.

Soft UI Dashboard - UI Tables

Soft UI Dashboard - User Profile Page

프로젝트를 로컬에서 컴파일하려면 Python3 및 GIT가 설치되어 있어야 하며 터미널을 통해 액세스할 수 있어야 합니다. 이 최소 도구 체인이 있으면 Github에 저장된 README 파일에 제시된 대로 간단한 설정을 따라야 합니다.


1단계 - 소스 복제

$ # Clone the sources
$ git clone https://github.com/app-generator/jinja-soft-ui-dashboard.git
$ cd jinja-soft-ui-dashboard

2단계 - 종속성 설치

$ virtualenv env
$ source env/bin/activate
$
$ # Install requirements
$ pip3 install -r requirements.txt

3단계 - 앱 시작

$ # Set the FLASK_APP environment variable
$ export FLASK_ENV=development
$ 
$ flask run

모든 것이 순조롭게 진행되면 브라우저에서 실행 중인 Soft UI 대시보드를 볼 수 있습니다.

Thanks for reading! For more resources, please access:

Soft UI Design System으로 스타일이 지정된 스타터 더보기

기타Free Admin Dashboards - AppSeed 제공