라이브 데모 | Figma UI 키트 | HTML 대시보드 | Vue JS 대시보드 | 반응 JS 대시보드 | 라라벨 대시보드
Hope UI – 무료 오픈 소스 Bootstrap 디자인 시스템은 bootstrap 5를 기반으로 멋지게 구축된 UI 키트입니다. 최고의 무료 Bootstrap 5 디자인 시스템은 완벽하게 반응하고 사용자 친화적이므로 Hope UI 사용자가 쉽게 작업할 수 있습니다. 쉽게 적응할 수 있고 유연하기 때문에 Hope UI는 개발자가 선호하는 디자인 시스템이 될 수 있습니다.
개인 프로젝트나 클라이언트를 위한 새로운 애플리케이션을 만들고 싶으신가요? Hope UI – 무료 오픈 소스 Bootstrap 디자인 시스템은 처음부터 전체를 디자인하는 데 많은 시간을 들이지 않고도 강력하고 이해하기 쉬운 관리 대시보드 또는 웹 사이트를 구축하는 데 도움이 됩니다.
Hope UI는 정교하게 제작된 UI 요소, 다양한 스타일의 메뉴, 그래프, 차트 및 애니메이션 아이콘 세트로 가득합니다. 개발자, 디자이너, 스타트업 또는 크리에이터를 위해 이상적으로 구축된 Hope UI는 디자인 일관성을 제공하고 성공적인 웹 또는 앱 프로젝트를 관리하기 위한 강력한 기반 역할을 합니다.
다음 방법을 사용하여 디자인 시스템의 CSS 및 JS 파일을 시작할 수 있습니다.
Github에서 다운로드
Iqonic 디자인에서 다운로드
디자인 시스템 작업 시작
npm install
npm run watch
npm run build
자세한 내용...
여기에서 우리의 문서를 찾을 수 있습니다.
Hope UI의 공개 로드맵을 확인하고 여기에서 기능 요청을 제출하세요.
다운로드 내에는 공통 자산을 논리적으로 그룹화하고 컴파일된 변형과 축소된 변형을 모두 제공하는 다음 디렉터리와 파일이 있습니다. 다음과 같은 내용이 표시됩니다.
github/hope-ui-admin-dashboard/
dist
├── assets
│ ├── css
│ ├── images
│ ├── js
│ └── vendor
├── dashboard
│ └── all html pages on folder based
└── index.html
src
├── assets
│ ├── images
│ │ ├── icon.png
│ │ ├── favicon.ico
│ │ └── loader.gif
│ ├── js
│ │ ├── hope-ui.js
| │ └── plugins
| │ ├── slider-tabs.js
| │ ├── countdown.js
| | └── prism.min.js
│ └── scss
│ ├── bootstrap/
│ │ ├── forms/
│ │ ├── helper/
│ │ ├── mixins/
│ │ ├── utilites/
│ │ └── vendor/
│ ├── custom
│ │ ├── auth/
│ │ ├── kanban/
│ │ ├── pricing/
│ │ └── ui-kit/
| ├──customizer
│ │ ├── components/
│ │ ├── layout/
│ │ ├── menu-style/
│ │ ├── utillities/
│ │ ├── components.scss
│ │ ├── dark.scss
│ │ ├── root.scss
│ │ └── variables.scss
│ ├── hope-ui-design-system
│ │ ├── components/
│ │ ├── helper/
│ │ ├── layout-style/
│ │ ├── pages/
│ │ ├── plugins/
│ │ ├── variables/
│ │ └── variables.scss
│ ├── dark
│ │ ├── components/
│ │ ├── helper/
│ │ ├── layout-style/
│ │ ├── pages/
│ │ ├── plugins/
│ │ ├── reboot/
│ │ ├── _dark.scss
│ │ └── _index.scss
│ ├── rtl
│ │ ├── components/
│ │ ├── pages/
│ │ ├── reboot/
│ │ ├── utilities/
│ │ └── _index.scss
│ ├── rtl.scss
│ ├── dark.scss
│ ├── custom.scss
| ├── customizer.scss
│ └── hope-ui.scss
├── templates
| ├── layouts
│ | ├── boxed-fancy
│ | ├── boxed
│ | ├── default
│ | ├── dual-compact
│ | ├── dual-horizontal
│ | ├── horizontal
| │ └── simple
| ├── pages
| │ ├── all folders based files
| │ └── index.hbs
| └── partials
| ├── components/
| └── all files based on hbs file in design system
├── gulp
│ └── all gulp task here
├── .gitignore
├── gulp.config.json
├── gulpfile.js
├── LICENSE
├── README.md
└── package.json
버그나 기능 요청이 있나요? Github 지원팀에 새로운 문제를 제기하세요.
전체 변경 로그를 확인하려면 여기를 클릭하세요.