#share: 5 bộ Admin Template sử dụng Bootstrap tháng 1/2019

custome admin wordpress adding styling

Bài viết chia sẻ bộ Admin Template sử dụng Bootstrap cho các bạn thiết kế và phát triển website.

Bootstrap là gì?

Bootstrap là một framework cho phép thiết kế website reponsive nhanh hơn và dễ dàng hơn.

Bootstrap là bao gồm các HTML templates, CSS templates và Javascript tao ra những cái cơ bản có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels và nhiều thứ khác. Trong bootstrap có thêm các plugin Javascript trong nó. Giúp cho việc thiết kế reponsive của bạn dễ dàng hơn và nhanh chóng hơn.

Kipalog.com

Bạn có thể download Bootstrap tại https://getbootstrap.com/ hoặc sử dụng BootstrapCDN

Admin Dashboard Template là gì?

Trong thiết kế web, Admin Dashboard là khu vực dùng để truy cập và quản trị website. Trong Dashboard bạn có thể thực hiện các thao tác như chỉnh sửa giao diện, viết bài, cài đặt theme và plugin, thêm người dùng, trả lời bình luận…

Trong quá khứ, khu vực admin dashboard của một trang web chỉ chứa các tính năng là chính, còn về phần giao diện không được cân nhắc nhiều vì vậy trông nó khô khan và không thân thiện lắm đối với user. Còn hiện tại có rất nhiều Admin Dashboard Template cho phép bạn tùy biến và hiển thị nhiều số liệu thống kê về trang web. Từ đó giúp admin có cái nhìn tổng quan về các hoạt động đang diễn ra trên trang web.

Những bộ Admin Dashboard Template sử dụng Bootstrap là công cụ đắc lực giúp bạn tạo nên một admin panel đẹp mắt, đa tính năng. Với biểu đồ & bảng biểu, lịch trình, quản lý file, và nhiều hơn thế nữa… sẽ giúp cho website của bạn tăng thêm giá trị sản phẩm.

Chia sẻ bộ Admin Template sử dụng Bootstrap

Sufee HTML5 Admin Dashboard Template

Sufee HTML5 Admin Dashboard Template sử dụng Bootstrap 4. Nó cung cấp cho bạn một bộ sưu tập sẵn sàng để sử dụng các đoạn mã và tiện ích, trang tùy chỉnh, bộ sưu tập các ứng dụng và một số vật dụng hữu ích.

Colorlib

Sufee Admin Dashboard Template tương thích với các dịch vụ như:

DemoDownload

Gentelella Admin

Gentelella Admin


Gentelella Admin is a free to use Bootstrap admin template. Đây lại là một sản phẩm nữa của Colorlib. Mẫu này sử dụng các kiểu Bootstrap 3 mặc định cùng với nhiều công cụ và plugin jQuery mạnh mẽ. Nhằm tạo ra một framework mạnh mẽ để tạo bảng quản trị hoặc bảng điều khiển phía sau.

Themes sử dụng một số thư viện cho biểu đồ, lịch, xác thực mẫu, giao diện kiểu thuật sĩ, menu điều hướng ngoài khung, biểu mẫu văn bản, phạm vi ngày, vùng tải lên, tự động hoàn thành biểu mẫu, thanh trượt phạm vi, thanh tiến trình, thông báo và nhiều hơn nữa.

  • Bootstrap
  • Font Awesome
  • jQuery-Autocomplete
  • FullCalendar
  • Charts.js
  • Bootstrap Colorpicker
  • Cropper
  • dataTables
  • Date Range Picker for Bootstrap
  • Dropzone
  • easyPieChart
  • ECharts
  • bootstrap-wysiwyg
  • Flot – Javascript plotting library for jQuery.
  • gauge.js
  • iCheck
  • jquery.inputmask plugin
  • Ion.RangeSlider
  • jQuery
  • jVectorMap
  • moment.js
  • Morris.js – pretty time-series line graphs
  • PNotify – Awesome JavaScript notifications
  • NProgress
  • Pace
  • Parsley
  • bootstrap-progressbar
  • select2
  • Sidebar Transitions – simple off-canvas navigations
  • Skycons – canvas based wather icons
  • jQuery Sparklines plugin
  • switchery – Turns HTML checkbox inputs into beautiful iOS style switches
  • jQuery Tags Input Plugin
  • Autosize – resizes text area to fit text
  • validator – HTML from validator using jQuery
  • jQuery Smart Wizard
DemoDownload

Các bạn có thể cài đặt Gentelella Admin bằng Bower, npm hay yarn.

CoreUI

CoreUI

CoreUI là một mẫu admin Bootstrap mã nguồn mở. Nhưng CoreUI không chỉ là một mẫu admin template. Nó vượt xa các mẫu quản trị cho đến nay nhờ mã đơn giản và cấu trúc tệp rõ ràng. Ngoài ra nó có loạt các tính năng độc đáo và hơn 1000 biểu tượng chất lượng cao. CoreUI hỗ trợ cả giao diện Light Mode và Dark Mode.

CoreUI is based on Bootstrap 4 and offers 6 versions: HTML5 AJAX, HTML5, Angular 2+, React.js & Vue.js, .NET Core 2.

Cấu trúc thư mục khi bạn download về sẽ bao gồm:

CoreUI ProPrimeRootAlbaLeaf
CoreUI Pro Admin TemplatePrime Admin TemplateRoot Admin TemplateAlba Admin TemplateLeaf Admin Template
Download

Admin template based on Angular 7+, Bootstrap 4 and Nebular

Trong bộ này bao gồm:

  • Angular 7+ & Typescript
  • Bootstrap 4+ & SCSS
  • Responsive layout
  • RTL support
  • High resolution
  • Flexibly configurable themes with hot-reload (3 themes included)
  • Authentication module with multiple providers
  • 40+ Angular Components
  • 60+ Usage Examples
DemoDownload

Star Admin – Free Bootstrap Admin Template

Star Admin là một mẫu quản trị responsive miễn phí được xây dựng với Bootstrap 4. Mẫu có thiết kế đầy màu sắc, hấp dẫn nhưng đơn giản và thanh lịch. Mẫu được chế tạo tốt, với tất cả các thành phần được thiết kế gọn gàng và cẩn thận và được sắp xếp trong mẫu.
Star Admin được tích hợp tất cả các tính năng phù hợp với nhu cầu của bạn nhưng không chật chội với các thành phần bạn thậm chí không sử dụng. Nó là một sự phù hợp tuyệt vời để xây dựng bảng quản trị, hệ thống thương mại điện tử, hệ thống quản lý dự án, CMS hoặc CRM.

star admin
  • Bootstrap 4
  • Font Awesome
  • jQuery
  • Gulp
  • Chart.js
  • Google Maps
  • Perfect Scrollbar

StarAdmin được thiết kế để hoạt động hoàn hảo với tất cả các trình duyệt web mới nhất và hiện đại:

  • Chrome (latest)
  • FireFox (latest)
  • Safari (latest)
  • Opera (latest)
  • IE10+
DemoDownload

Tổng kết

Với một vài mẫu Admin Dashboard template sử dụng Bootstrap đã được chia sẻ bên trên, hy vọng các bạn sẽ có một website ưng ý từ trong ra ngoài.

Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com