Light Able是 Themeforest 上最受好评的管理仪表板模板。可用于Bootstrap 5、React NextJs、ASP.Net Core 8、Laravel、Django、VueJs、NodeJs、MVC5 和 Cake PHP。这个响应式模板提供了一套全面的工具来支持您的 Web 应用程序。无论您是创建电子商务平台、CRM 还是基于 SaaS 的界面，Light Able 都能满足您的需求。此模板为您的后端需求提供了动态且可定制的解决方案。从初创公司到财富公司，超过 6K+ 个客户已使用我们的仪表板产品来构建他们的项目。探索这个多功能的管理仪表板模板并立即提升您的 Web 应用程序。
最新的 Light Able 版本是 v1.0.0，查看
文档
选择 Light Able 的首要原因
- 优先考虑——开发者体验（DX）
- 高美感的用户界面和体验（UI/UX）
- 简易文档指南
- 及时的技术支持
- 由拥有 10 年仪表板设计和开发经验的精英作者开发
关于 Light Able 管理仪表板模板
无论您需要创建管理面板、仪表板、电子商务应用、项目管理系统、界面、CRM 还是基于 SaaS 的界面，此模板都能满足您的需求。它具有基于 gulp 的构建工具，并支持基于 SCSS 变量的模式以及 RTL 语言。立即获取此管理仪表板模板并构建满足您所有要求的动态 Web 应用。
为性能而生
在 Light Able 的开发过程中，我们主要关注的是性能。我们投入了大量精力来测试和改进代码，以实现最佳性能。
Light Able was designed with a focus on performance, and we have successfully
achieved this goal through rigorous design and code testing. Our design has
received high scores on Google Page Speed, Pingdom, and gtMetrix, while our
code has passed rigorous testing through w3 validator, Google Page Speed, and
Pingdom.
Light Able Tech Stack
The Light Able Admin template incorporates the latest technologies available.
- Bootstrap 5
- React Nextjs
- Laravel
- Vuejs
- Cake PHP
- Asp.net
- MVC 5
- Django
- Nodejs
Key Features
Here are the standout features of Light Able that set it apart from other
templates.
- Light/Dark/Auto Vertical Layout options.
- Live customizer to playaround real-time with design.
- Code Standard that makes easy developer experience (DX).
- Retina Ready and Mobile-first responsive design.
- Modern User Interface with easy user experience
- Easy to use folder structure
- Well Commented code style
- Easy Documentation Guide
Layouts Types
- Horizontal, Vertical Navigation Layout.
- Compact, Creative, Tab Layouts
- LTR, RTL (i.e.right to left – mostly suitable for Arabic region).
- Container / Full width Layout option.
- Page Contrast hide/show option.
Widgets
40+ conceptual widget collection to display statistics, charts, and Table
Related fieldset.
Modern User Interface
Light Able takes your dashboard to the next level with its professional-grade
design interface, featuring proper typography, iconography, a well-optimized
color palette, and carefully considered spacing. Moreover, it adheres to WCAG
compliance standards for preferred contrast ratios, ensuring an even better
user experience.
Light Able Theming Options
- Default Layout (i.e. Light with LTR)
- Dark
- Auto (i.e. light/dark layout depends on system settings)
- 10+ Primary color options
- Theme Contrast Hige/Show
- Sidebar Menu Caption Show/Hide
- LTR/RTL versions
- Full/Container Width
Chart
Different Charts are useful to highlight your plot data into chart. We’ve
implemented more than 20+ charts.
Chart types
- Apex charts
- Peity charts
Components
Light Able Admin Template includes all of the essential Bootstrap 5
components, as well as numerous additional third-party components listed
below. All of these components are up-to-date with the latest versions
available.
Advance components
- Sweet alert
- Date Picker
- Grid Helper
- LightBox
- Modal
- Notification
- Range Slider
- Syntax Highlighter
- Tour
- Tree view
- Slider
Form Components & Plugins
-
Input, Floating Input, InputGroup, TextArea, switch, Buttons, Switches,
Radio, Checkbox, Mega Option - Form Validation
- Input Masks
- TypeAhead
- Form pickers – Datepicker, Timepicker, color picker
- Choices JS
- Clipboard
- reCaptcha
- Text Editors – Tinymce, Quill, CK Editor, and Markdown
- Form Layouts – Single, Multicolumn, Actionbars, Sticky Form
- File Uplocad
- Image Cropper
Tables
- Bootstrap Table – Basic, Sizing, Border, Styling tables
-
Vanilla Table – Basic, Dynamic, DateTime sorting, Fetch API, Filters, Export
tables - Data Table
- Data Tables Extensions
Extra
- Session timout
- Offline
- Animations
Icons
- Feather
- Font Awesome5
- 材料
- 泰布勒
- 自定义图标
应用
Able Pro 有 7+ 个概念应用程序。
- 日历
- 聊天
- 画廊
- 电子商务
- 用户
- 发票
- 邮箱
- 用户管理
重要页面
- 登陆页面
- 联系页面
- 搜索
- 装载机
- 站点设置
- 价钱
- 身份验证页面（3 种变体）——登录、注册、忘记密码、检查电子邮件、重置密码、OTP 验证、登录模式
- 维护页面 – 404、500、建设中、即将推出
额外的
- 4 级菜单
- 示例页面
购买的套餐包括
- 模板源代码
- Figma 设计文件
- 文档
资源与致谢
-
公共无字体 –
Google -
图片 – Unsplash、
Freepik - 3D 资产 – Iconscout
包含604个文件-压缩包目录详情
index.htm
index.html
admins/
course-course-add.html
course-course-view.html
course-dashboard.html
course-pricing.html
course-setting-notifications.html
course-setting-payment.html
course-setting-pricing.html
course-site.html
course-student-add.html
course-student-apply.html
course-student-list.html
course-teacher-add.html
course-teacher-apply.html
course-teacher-list.html
helpdesk-create-ticket.html
helpdesk-customer.html
helpdesk-dashboard.html
helpdesk-ticket-details.html
helpdesk-ticket.html
invoice-create.html
invoice-dashboard.html
invoice-edit.html
invoice-list.html
invoice-view.html
membership-dashboard.html
membership-list.html
membership-pricing.html
membership-setting.html
application/
account-profile.html
calendar.html
chat.html
ecom_checkout.html
ecom_product-add.html
ecom_product-details.html
ecom_product-list.html
ecom_product.html
gallery-grid.html
gallery-masonry.html
invoice-create.html
invoice-list.html
invoice-view.html
mail.html
plans.html
social-media.html
team.html
user-card.html
user-list.html
assets/
css/
landing.css
style-preset.css
style.css
uikit.css
plugins/
animate.min.css
autoFill.bootstrap5.min.css
bootstrap-slider.min.css
bootstrap-switch-button.min.css
buttons.bootstrap5.min.css
croppr.min.css
dataTables.bootstrap5.min.css
datepicker-bs5.min.css
dragula.min.css
dropzone.min.css
fixedColumns.bootstrap5.min.css
fixedHeader.bootstrap5.min.css
flatpickr.min.css
introjs.min.css
jsvectormap.min.css
keyTable.bootstrap5.min.css
notifier.css
nouislider.min.css
prism-coy.css
quill.bubble.css
quill.core.css
quill.snow.css
responsive.bootstrap5.min.css
rowReorder.bootstrap5.min.css
scroller.bootstrap5.min.css
select.bootstrap5.min.css
simplemde.min.css
star-rating.min.css
style.css
swiper-bundle.css
tiny-slider.css
uppy.min.css
vanillatree.css
fonts/
feather.css
fontawesome.css
material.css
tabler-icons.min.css
feather/
feather.eot
feather.svg
feather.ttf
feather.woff
fontawesome/
fa-brands-400-1.eot
fa-brands-400.eot
fa-brands-400.svg
fa-brands-400.ttf
fa-brands-400.woff
fa-brands-400.woff2
fa-regular-400-1.eot
fa-regular-400.eot
fa-regular-400.svg
fa-regular-400.ttf
fa-regular-400.woff
fa-regular-400.woff2
fa-solid-900-1.eot
fa-solid-900.eot
fa-solid-900.svg
fa-solid-900.ttf
fa-solid-900.woff
fa-solid-900.woff2
material/
material.woff2
phosphor/
duotone/
Phosphor-Duotone.svg
Phosphor-Duotone.ttf
Phosphor-Duotone.woff
style.css
tabler/
tabler-icons-1.eot
tabler-icons.eot
tabler-icons.svg
tabler-icons.ttf
tabler-icons.woff
tabler-icons.woff2
images/
favicon.svg
logo-dark.svg
logo-white.svg
admin/
img-add-user.png
img-bootstrap.svg
img-bulb.svg
img-c.svg
img-course-1.png
img-course-2.png
img-course-3.png
img-course-4.png
img-course-5.png
img-course-6.png
img-course-7.png
img-course-8.png
img-domain.png
img-payment-1.png
img-payment-2.png
img-php.svg
img-star.png
img-ux.svg
img-web.svg
p1.jpg
p2.jpg
p3.jpg
p4.jpg
p5.jpg
application/
card.png
img-accout-alert.png
img-accout-password-alert.png
img-community-bg.jpg
img-coupon.png
img-empty-mail.png
img-gallery-1.jpg
img-gallery-2.jpg
img-gallery-3.jpg
img-gallery-4.jpg
img-gallery-5.jpg
img-gallery-6.jpg
img-gallery-7.jpg
img-gallery-8.jpg
img-mastercard.svg
img-pay-card-bg.png
img-post-1.jpg
img-post-2.jpg
img-post-3.jpg
img-post-4.jpg
img-post-5.jpg
img-post-6.jpg
img-prod-1.jpg
img-prod-2.jpg
img-prod-3.jpg
img-prod-4.jpg
img-prod-5.jpg
img-prod-6.jpg
img-prod-7.jpg
img-prod-8.jpg
img-prod-9.jpg
img-prod-brand-1.png
img-prod-brand-2.png
img-prod-brand-3.png
img-prod-brand-4.png
img-prod-brand-5.png
img-profile-cover.jpg
img-soc-gal-1.jpg
img-soc-gal-2.jpg
img-soc-gal-3.jpg
img-soc-gal-4.jpg
img-soc-gal-5.jpg
img-soc-gal-6.jpg
img-soc-gal-7.jpg
img-soc-gal-8.jpg
img-soc-gal-9.jpg
img-story-1.jpg
img-story-2.jpg
img-story-3.jpg
img-story-4.jpg
img-story-5.jpg
img-story-6.jpg
img-user-cover-1.jpg
img-user-cover-2.jpg
img-user-cover-3.jpg
img-user-cover-4.jpg
img-user-cover-5.jpg
img-user-cover-6.jpg
img-user-cover-7.jpg
img-user-cover-8.jpg
img-user-cover-9.jpg
mastercard.png
paypal.png
visa.png
authentication/
img-auth-bg.jpg
img-auth-code-varify.png
img-auth-fporgot-password.png
img-auth-login.png
img-auth-register.png
img-auth-reset-password.png
gallery-grid/
img-grd-gal-1.jpg
img-grd-gal-10.jpg
img-grd-gal-11.jpg
img-grd-gal-12.jpg
img-grd-gal-13.jpg
img-grd-gal-14.jpg
img-grd-gal-15.jpg
img-grd-gal-16.jpg
img-grd-gal-2.jpg
img-grd-gal-3.jpg
img-grd-gal-4.jpg
img-grd-gal-5.jpg
img-grd-gal-6.jpg
img-grd-gal-7.jpg
img-grd-gal-8.jpg
img-grd-gal-9.jpg
landing/
client-crystal-1.svg
client-eagames.svg
client-haswent-2.svg
client-vodafone.svg
header-main.jpg
img-counter-bg.svg
img-header-bg.svg
lay-2-column.jpg
lay-advanced.jpg
lay-big-compact.jpg
lay-detached.jpg
lay-extended.jpg
lay-moduler.jpg
lay-vertical-tab.jpg
lay-vertical.jpg
preview-app-calendar.jpg
preview-app-chat.jpg
preview-app-ecommerce.jpg
preview-app-gallery.jpg
preview-app-inbox.jpg
preview-app-invoice.jpg
preview-app-social.jpg
preview-figma.jpg
preview-important-account-profile.jpg
preview-important-auth-page.jpg
preview-important-coming-soon.jpg
preview-important-contact.jpg
preview-important-data-table.jpg
preview-important-error.jpg
preview-important-form.jpg
preview-important-widgets.jpg
preview-important-wizard.jpg
preview-layouts-compact.jpg
preview-layouts-creative.jpg
preview-layouts-horizontal.jpg
preview-layouts-tab.jpg
preview-layouts-vertical.jpg
preview-page-dark.jpg
preview-page-landing.jpg
preview-page-rtl.jpg
techcard-bs.svg
techcard-cakephp.svg
techcard-django.svg
techcard-figma.svg
techcard-laravel.svg
techcard-mvc5.svg
techcard-net.svg
techcard-node.svg
techcard-react.svg
techcard-vue.svg
widget-bg.png
layout/
nav-card-bg.svg
light-box/
l1.jpg
l3.jpg
l6.jpg
sl1.jpg
sl2.jpg
sl3.jpg
sl4.jpg
sl5.jpg
sl6.jpg
pages/
img-connection-lost.png
img-error-404.png
img-gallery-1.jpg
img-gallery-2.jpg
img-gallery-3.jpg
img-gallery-4.jpg
img-gallery-5.jpg
img-gallery-6.jpg
img-gallery-7.jpg
img-gallery-8.jpg
img-gallery-9.jpg
img-soon.png
img-under-maintenance.png
slider/
img-slide-1.jpg
img-slide-2.jpg
img-slide-3.jpg
img-slide-4.jpg
img-slide-5.jpg
img-slide-7.jpg
user/
avatar-1.jpg
avatar-10.jpg
avatar-2.jpg
avatar-3.jpg
avatar-4.jpg
avatar-5.jpg
avatar-6.jpg
avatar-7.jpg
avatar-8.jpg
avatar-9.jpg
widget/
AUSTRALIA.jpg
BRAZIL.jpg
GERMANY.jpg
img-acitivity-3.svg
img-card-1.png
img-card-2.png
img-card-bg.svg
img-card-master.svg
img-earning-bg.svg
img-facebook.svg
img-food.png
img-google.svg
img-helth.png
img-shoping.png
img-status-1.svg
img-status-2.svg
img-status-3.svg
img-status-4.svg
img-status-5.svg
img-status-6.svg
img-status-7.svg
img-status-8.svg
img-status-9.svg
img-travel.png
img-twitter.svg
img-visitor.png
UK.jpg
USA.jpg
js/
component.js
layout-collapse.js
layout-compact.js
layout-horizontal.js
layout-tab.js
pcoded.js
fonts/
custom-font.js
pages/
ac-alert.js
ac-datepicker.js
ac-notification.js
ac-rangeslider.js
ac-slider.js
ac-tour.js
ac-treeview.js
calendar.js
canada.js
chart-apex.js
course-dashboard.js
dashboard-default.js
dashboard-finance.js
dashboard-help.js
form-masking-custom.js
form-validation.js
invoice-dashboard.js
invoice-list.js
iraq.js
italy.js
map-vector.js
membership-dashboard.js
page-croper.js
russia.js
spain.js
us-aea-en.js
us-lcc-en.js
us-merc-en.js
us-mill-en.js
w-chart.js
plugins/
apexcharts.min.js
autoFill.bootstrap5.min.js
bootstrap-slider.min.js
bootstrap-switch-button.min.js
bootstrap.min.js
bouncer.min.js
buttons.bootstrap5.min.js
buttons.colVis.min.js
buttons.html5.min.js
buttons.print.min.js
choices.min.js
clipboard.min.js
croppr.min.js
dataTables.autoFill.min.js
dataTables.bootstrap5.min.js
dataTables.buttons.min.js
dataTables.colReorder.min.js
dataTables.fixedColumns.min.js
dataTables.fixedHeader.min.js
dataTables.keyTable.min.js
dataTables.min.js
dataTables.responsive.min.js
dataTables.rowReorder.min.js
dataTables.select.min.js
datepicker-full.min.js
dropzone-amd-module.min.js
feather.min.js
flatpickr.min.js
imask.min.js
index.global.min.js
index.js
intro.min.js
isotope.pkgd.min.js
jsvectormap.min.js
jszip.min.js
keyTable.bootstrap5.min.js
notifier.js
nouislider.min.js
pdfmake.min.js
peity-vanilla.min.js
popper.min.js
prism.js
quill.min.js
responsive.bootstrap5.min.js
scroller.bootstrap5.min.js
simple-datatables.js
simplebar.min.js
simplemde.min.js
star-rating.min.js
sweetalert2.all.min.js
swiper-bundle.js
tiny-slider.js
type-ahead.min.js
uppy.min.js
vanillatree.min.js
vfs_fonts.js
wizard.min.js
wNumb.min.js
world-merc.js
world.js
wow.min.js
ckeditor/
balloon/
ckeditor.js
classic/
ckeditor.js
document/
ckeditor.js
inline/
ckeditor.js
tinymce/
tinymce.min.js
chart/
chart-apex.html
chart-peity.html
map-gmap.html
map-vector.html
dashboard/
affiliate.html
finance.html
index.html
invoice.html
demo/
layout-2-column.html
layout-advanced.html
layout-big-compact.html
layout-compact.html
layout-creative.html
layout-detached.html
layout-extended.html
layout-horizontal.html
layout-moduler.html
layout-tab.html
layout-vertical-tab.html
layout-vertical.html
elements/
ac_alert.html
ac_datepicker-component.html
ac_lightbox.html
ac_modal.html
ac_notification.html
ac_rangeslider.html
ac_slider.html
ac_syntax_highlighter.html
ac_tour.html
ac_treeview.html
animation.html
bc_alert.html
bc_badges.html
bc_breadcrumb.html
bc_button.html
bc_card.html
bc_carousel.html
bc_collapse.html
bc_color.html
bc_dropdowns.html
bc_extra.html
bc_list-group.html
bc_modal.html
bc_offcanvas.html
bc_pagination.html
bc_progress.html
bc_spinner.html
bc_tabs.html
bc_toasts.html
bc_tooltip-popover.html
bc_typography.html
icon-custom.html
icon-feather.html
icon-fontawesome.html
icon-material.html
icon-phosphor.html
icon-tabler.html
forms/
editor-balloon.html
editor-classic.html
editor-document.html
editor-inline.html
file-upload.html
form-validation.html
form2_basic.html
form2_checkbox.html
form2_choices.html
form2_clipboard.html
form2_datepicker.html
form2_daterangepicker.html
form2_flu-uppy.html
form2_inputmask.html
form2_input_group.html
form2_lay-actionbars.html
form2_lay-default.html
form2_lay-multicolumn.html
form2_lay-stickyactionbars.html
form2_markdown.html
form2_megaoption.html
form2_nouislider.html
form2_quill.html
form2_radio.html
form2_rating.html
form2_recaptcha.html
form2_switch.html
form2_switchjs.html
form2_timepicker.html
form2_tinymce.html
form2_typeahead.html
form2_wizard.html
form_elements.html
form_floating.html
image_crop.html
other/
sample-page.html
pages/
code-verification-v1.html
code-verification-v2.html
coming-soon.html
connection-lost.html
contact-search.html
contact-us.html
error-404.html
forgot-password-v1.html
forgot-password-v2.html
loading.html
login-modal.html
login-v1.html
login-v2.html
register-v1.html
register-v2.html
reset-password-v1.html
reset-password-v2.html
search-page.html
settings.html
under-construction.html
table/
dt_advance.html
dt_api.html
dt_ext_autofill.html
dt_ext_basic_buttons.html
dt_ext_col_reorder.html
dt_ext_export_buttons.html
dt_ext_fixed_columns.html
dt_ext_fixed_header.html
dt_ext_key_table.html
dt_ext_responsive.html
dt_ext_row_reorder.html
dt_ext_scroller.html
dt_ext_select.html
dt_plugin.html
dt_sources.html
dt_styling.html
tbl_bootstrap.html
tbl_border.html
tbl_dt-add-rows.html
tbl_dt-column-manipulation.html
tbl_dt-datetime-sorting.html
tbl_dt-dynamic-import.html
tbl_dt-export.html
tbl_dt-fetch-api.html
tbl_dt-filters.html
tbl_dt-methods.html
tbl_dt-render-column-cells.html
tbl_dt-simple.html
tbl_sizing.html
tbl_styling.html
widget/
w_chart.html
w_data.html
w_statistics.html
w_user.html
中文PC截图
PC截图
手机截图
© 版权声明
文章版权归作者所有，未经允许请勿转载。内容为社区用户发布，如有侵犯您的知识产权，请点击联系我们进行举报删除！
THE END
暂无评论内容