Mẫu quản trị Bootstrap 5 mã nguồn mở

Xin chào. Bài viết này trình bày Mẫu Bootstrap 5 mã nguồn mở được tạo và phát hành miễn phí bởi ThemeSelection. Sneat Dashboard Template là một thiết kế đầy màu sắc đi kèm với các trang dựng sẵn cho (hầu hết) mọi thứ. Dự án SASS, CRM, Phân tích. Đối với những người mới, Bootstrap là một khung công tác JS/CSS hàng đầu được sử dụng để mã hóa các giao diện người dùng tương tác được hỗ trợ tích cực và được các chuyên gia lập trình phiên bản. Cảm ơn vì đã đọc

• 👉 Mẫu bảng điều khiển Sneat — Trang sản phẩm
• 👉 Mẫu bảng điều khiển Sneat — Demo TRỰC TIẾP

Có ai khác ở đây nghĩ rằng toàn bộ thứ Thứ Sáu đen tối là mấy thứ nhảm nhí của Yankee Doodle không?

Volt là Bảng điều khiển quản trị Bootstrap 5 mã nguồn mở và miễn phí có hơn 100 thành phần, 11 trang ví dụ và 3 plugin với Vanilla JS

Bootstrap 5 và Vanilla Javascript

Volt được xây dựng bằng phiên bản Bootstrap 5 mới nhất và vì jQuery không còn cần thiết như một phần phụ thuộc, Volt đã được xây dựng chỉ bằng Vanilla JS

Hơn 100 thành phần

Có hơn 100 thành phần Bootstrap 5 miễn phí, bao gồm một số thành phần là nút, cảnh báo, phương thức, công cụ chọn ngày, v.v. Kiểm tra các thành phần trên tài liệu chính thức

11 trang ví dụ

Volt mang đến 11 trang ví dụ bao gồm tổng quan, đăng nhập, đăng ký, trang giao dịch, v.v.

3 Plugin nhẹ

Có 3 plugin nhẹ và Vanilla JS đi kèm với Volt, đó là thư viện chọn ngày, thông báo và biểu đồ

Luồng phát triển nâng cao

Bằng cách tải xuống, bạn sẽ nhận được gói quy trình phát triển nâng cao bao gồm các tệp Sass và tệp lệnh Gulp cho phép bạn xây dựng các tệp dự án được rút gọn và chưa rút gọn với khả năng thậm chí thêm một số khối mã nhất định dựa trên môi trường của bạn

tài liệu tốt

Volt là một bảng điều khiển được ghi chép kỹ lưỡng, bao gồm mọi thứ từ khi bắt đầu đến việc có tất cả các thành phần và plugin được mô tả rõ ràng. Xem hướng dẫn bắt đầu nhanh của chúng tôi

dự án mã nguồn mở

Volt là một dự án nguồn mở và miễn phí theo Giấy phép MIT, vì vậy nếu bạn đánh giá cao dự án này, bạn có thể tặng sao cho kho lưu trữ Github công cộng và lan tỏa tình yêu nguồn mở ❤️

Nâng cấp lên Pro

Ngoài ra còn có một phiên bản chuyên nghiệp của Volt có hơn 800 thành phần, 20 trang ví dụ và hơn 10 plugin nâng cao có thể đưa ứng dụng bảng điều khiển quản trị viên của bạn lên một tầm cao mới. Kiểm tra Bảng điều khiển quản trị Volt Pro Premium Bootstrap 5

Nếu bạn là nhà phát triển đang tìm kiếm Mẫu quản trị HTML Bootstrap 5 miễn phí mạnh mẽ và toàn diện nhất được xây dựng cho nhà phát triển, giàu tính năng và khả năng tùy biến cao thì không đâu khác ngoài Sneat. Chúng tôi đã tuân theo các tiêu chuẩn ngành cao nhất để mang đến cho bạn mẫu quản trị tốt nhất không chỉ nhanh và dễ sử dụng mà còn có khả năng mở rộng cao. Mang lại sự tiện lợi và linh hoạt cao nhất, bạn sẽ có thể xây dựng bất kỳ ứng dụng nào bạn muốn mà không gặp nhiều rắc rối

Dễ dàng xây dựng các ứng dụng chất lượng cao. Sử dụng các mẫu quản trị bootstrap sáng tạo của chúng tôi để tạo WebApp bắt mắt, chất lượng cao. Các ứng dụng của bạn sẽ hoàn toàn đáp ứng, đảm bảo chúng sẽ trông bắt mắt và hoạt động hoàn hảo trên máy tính để bàn, máy tính bảng và thiết bị di động

⚒️ Cài đặt

Tự động hóa các tác vụ tốn thời gian hoặc lặp đi lặp lại trong quy trình phát triển của bạn bằng Gulp 🥤

Xin lưu ý, việc sử dụng Node, Webpack & Gulp và cài đặt nâng cao của chúng là hoàn toàn tùy chọn. Bạn có thể sử dụng và tùy chỉnh mẫu mà không cần sử dụng chúng

Cài đặt Node & Gulp và chạy nó trong Sneat cực kỳ dễ dàng, vui lòng làm theo các bước sau và bạn sẽ sẵn sàng khuấy động 🤘

1. Trước hết, hãy chắc chắn rằng bạn đã cài đặt Node (LTS). Nếu nút. js đã được cài đặt trong hệ thống của bạn, hãy đảm bảo rằng phiên bản đã cài đặt là LTS và chuyển sang bước 2

2. Cài đặt Gulp CLI. Mở Terminal/Command Prompt và chạy lệnh sau và đợi cho đến khi nó kết thúc. Nếu bạn đã cài đặt Gulp CLI, bạn có thể bỏ qua bước này và chuyển sang bước 3

npm install --global gulp-cli

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

3. Điều hướng đến thư mục gốc Sneat và chạy lệnh sau để cài đặt các phụ thuộc cục bộ của chúng tôi được liệt kê trong package.json. Bạn có thể sử dụng npm HOẶC yarn tùy theo sở thích của bạn

Nên sử dụng Sợi

# For npm
npm install --legacy-peer-deps

# For Yarn
yarn

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

4. Bây giờ, bạn đã sẵn sàng để chạy các tác vụ npm, lệnh bên dưới sẽ khởi động máy chủ và xem mã bằng browsersync. mở http. //máy chủ cục bộ. 3000/ để kiểm tra sự phát triển của bạn 🚀

# npm
npm run serve

# yarn
yarn serve

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Nhiệm vụ có sẵn 🧑‍💻

Mở console/terminal, vào thư mục gốc Sneat và chạy npm run {task_name}. i. e Để tạo chạy bản dựng npm run build

Chạy một tác vụ với môi trường (phát triển/sản xuất) được chỉ định, chỉ cần thực hiện tác vụ với tùy chọn

# For npm
npm install --legacy-peer-deps

# For Yarn
yarn

# For npm
npm install --legacy-peer-deps

# For Yarn
yarn

Mẹo. Sử dụng lệnh

# For npm
npm install --legacy-peer-deps

# For Yarn
yarn

2 để liệt kê tất cả các tác vụ npm được xác định trước từ tệp package.json

Có gì trong phiên bản cao cấp 💎

Phiên bản miễn phí của Sneat Phiên bản cao cấp của Sneat Bản trình diễn Bản trình diễn Tải xuống Mua Menu đơn dọc Menu dọc + Menu ngang Phong cách sáng đơn giản Phong cách sáng và tối Chủ đề mặc định Chủ đề mặc định, nửa tối và có viền Bố cục cố định (Menu) Bố cục cố định & tĩnh (Menu) 1 Bảng điều khiển đơn giản 3 Bảng điều khiển thích hợp-Nhiều Sẵn sàng sử dụng Ứng dụng như Lịch, Hóa đơn, . Đơn giản từ các phần tửCác phần tử biểu mẫu nâng cao, xác thực & trình hướng dẫn biểu mẫuThẻ cơ bản, Nâng cao, Thống kê, Phân tích, Gamification và Thẻ hành độngGiao diện người dùng cơ bản(Thành phần)Giao diện người dùng nâng cao và tùy chỉnh(Thành phần)Hai thành phần mở rộngMười hai Thành phần sẵn sàng sử dụng-Tìm kiếm nhanh - Điều hướng nhanh giữa các thành phần . vân vân. -Ký tự 3D + Hình minh họa Bảng cơ bản Bảng nâng cao-Tùy chỉnh nhanh bằng tệp cấu hình chủ đề-Bản đồ tờ rơi1 Thư viện biểu đồ2 Thư viện biểu đồ-Nhiều thanh điều hướng & tùy chọn menu-Bộ công cụ khởi động-Hỗ trợ quốc tế hóa-Hỗ trợ RTLHỗ trợ thường xuyênHỗ trợ ưu tiênTài liệu chi tiếtTài liệu chi tiết

Bạn đang tìm kiếm các tính năng cao cấp?🧐

Sau đó nâng cấp lên phiên bản Sneat Bootstrap 5 HTML Admin Template Pro

Tải xuống bản trình diễn

Về chúng tôi

ThemeSelection cung cấp Mẫu bảng điều khiển dành cho quản trị viên miễn phí, Chủ đề HTML và Bộ giao diện người dùng giao diện người dùng, Chủ đề HTML và Bộ giao diện người dùng giao diện người dùng miễn phí, chuyên nghiệp và dễ sử dụng, được chọn lọc để tạo ứng dụng của bạn nhanh hơn

Mẫu quản trị đơn giản nào miễn phí trong Bootstrap?

Mẫu bảng quản trị bootstrap nào tốt nhất?

Làm cách nào để xây dựng giao diện bảng điều khiển quản trị đơn giản bằng Bootstrap 5?

Làm cách nào để tạo mẫu Bootstrap 5?