前端框架组件常用

蔚落 2023-02-13 11:41 23阅读 0赞

[Metronic][]是一款强大的后台模板，很多组件

[KendoUI-Admin-Site][] 是基于 Kendo UI for jQuery 和 Bootstrap 4 搭建的前台网站和后台管理框架

[Layui][] 适合快速开发。Layui封闭性很强

ASP.NET 开发的，可以参考WTM框架，封装了Layui的很多控件

Inspinia是一款基于bootstrap3的后台模板，控件很丰富。

AdminLTE是一款开源的，国内开源软件用的比较多，可以参考FastAdmin的模板

[vue-element-admin][] 是一个后台前端解决方案

Angular:[https://angular.io/start][https_angular.io_start]

Jquery MiniUI:[http://miniui.com/index.html][http_miniui.com_index.html]

jQuery EasyUI:[http://www.jeasyui.net/][http_www.jeasyui.net]  [http://www.jeasyui.com/][http_www.jeasyui.com]

[Ant Design][] 采用 [React][] 封装了一套 Ant Design 的组件库

*  [Ant Design of React][]（官方实现）
 *  [NG-ZORRO - Ant Design of Angular][]
 *  [NG-ZORRO-MOBILE - Ant Design Mobile of Angular][]
 *  [Ant Design of Vue][]
 *  [San UI Toolkit for Ant Design][]
 *  [antizer (ClojureScript)][antizer _ClojureScript]
 *  [ant-design-blazor/ant-design-blazor][ant-design-blazor_ant-design-blazor][append-it/ant-design-blazor][append-it_ant-design-blazor]

Images used in theme come from [https://unsplash.com/][https_unsplash.com] and [https://uifaces.co/.][https_uifaces.co_.]

**Libraries used in theme:**

*  [Bootstrap][] css front-end framework.
 *  [jQuery][] fast, small, and feature-rich JavaScript library.
 *  [DataTables][] advanced interaction controls in any HTML table
 *  [DropzoneJS][] library that provides drag'n'drop file uploads with image previews
 *  [Flot][] simple but powerful chart plugin
 *  [FullCalendar][] is a jQuery plugin that provides a full-sized, drag & drop calendar
 *  [Gritter][] Notification plugin
 *  [iCheck][] Custom radio and checkbox buttons
 *  [IonRangeSlider][] Easy and light range slider plugin
 *  [Jasny][] additional components for bootstrap framework.
 *  [Jeditable][] Edit In Place Plugin For jQuery
 *  [jQueryUI][] set of user interface built on top of the jQuery
 *  [bootstrapdatepicker][] datepicker
 *  [jsKnob][] Nice, downward compatible, touchable, jQuery dial.
 *  [metisMenu][] Easy menu jQuery plugin for Twitter bootstrap
 *  [Morris.js][] good-looking charts library
 *  [nouislider][] Lightweight javascript range slider
 *  [Pace][] Automatic page load progress bar
 *  [Peity][] simple jQuery plugin that converts an element's content into a simple <svg> mini, pie, line or bar chart
 *  [Rickshaw][] toolkit for creating interactive time series graphs
 *  [Sparkline][] jQuery inline chart library
 *  [Steps][] smart UI component which allows you to easily create wizard-like interfaces
 *  [Summernote][] Super Simple WYSIWYG Editor on Bootstrap
 *  [Switchery][] Checkbox inputs in iOS 7 style switches.
 *  [Validation][] jQuery Validation Plugin
 *  [jvectormap][] Java Script pluggin for vector maps
 *  [Unsplash][] all images from Unsplash - Free hi-resolution photos
 *  [UiFaces][https_uifaces.co_.] all avatar faces from UiFaces
 *  [Nestable][] Nestable list jQuery plugin
 *  [codeMirror][] Code editor jQuery plugin
 *  [GoogleMapsApi][] Google maps API
 *  [EmailTemplate][] Transactional Email template
 *  [uiCodeMirror][] Code Mirror directive
 *  [uiMap][] Google mpas directive
 *  [ClassHelper][] Class helper
 *  [AnimatedHeader][] Animated header plugin
 *  [MockupMacBookPro][] MackBookPro mockup
 *  [BrowserWindow][] Chrome browser mockup
 *  [Timeline][]: Vertical timeline inspiration
 *  [iPhoneMockup][] iPhone mockup
 *  [iPhonePicture][] iPhone picture mockup
 *  [PerspectiveMockup][] Perspective iPad mockup
 *  [ImageCrop][]: Plugin for image crop function
 *  [Toastr][]: Notification plugin
 *  [BootstrapColorPicker][]: jQuery color picker plugin
 *  [WOW][]: Animations for scroll down page
 *  [LightboxGallery][]: touch-enabled image & video gallery
 *  [RTLbootstrap][]: Right-to-left capability for Bootstrap 3
 *  [googleDiff][]: The Diff Match and Patch libraries
 *  [tinycon][]: A small library for manipulating the favicon
 *  [idletimer][]: jQuery idle timer
 *  [spinners][]: A collection of loading indicators animated with CSS
 *  [prettyTextDiff][]: A wrapper around Google's diff\_match\_patch library
 *  [clockPicker][]: Special clock picker
 *  [chartist][]: Javascript chart library
 *  [dateRangePicker][]: Date range picker for Bootstra
 *  [awesomeBootstrapCheckbox][]: Custom checkbox and radio controls
 *  [fooTable][]: Table jQuery plugin
 *  [sweetAlert][]: Custom javascript alerts
 *  [masonry][]: Cascading grid layout library
 *  [slick][]: Custom carousel feature
 *  [select2][]: The jQuery replacement for select boxes
 *  [i18next][]: i18next is a internationalization framework
 *  [ladda][]: Buttons with built-in loading indicators.
 *  [dotdotdot][]: Cross-browser ellipsis for multiple line content
 *  [touchspin][]: Input spinner component for Bootstrap 3
 *  [tour][]: Tours with Bootstrap Popovers.
 *  [flags][]: Sets of image flags
 *  [clipboard][]: Copy text to the clipboard library
 *  [c3][]: D3-based charts
 *  [d3][]: JavaScript library for visualizing data with HTML, SVG, and CSS.
 *  [markdown][]: Bootstrap plugin for markdown editing.
 *  [datamaps][]: SVG map visualizations using D3.js
 *  [tagsinput][]: Tags input control
 *  [dualListBox][]: Bootstrap Dual Listbox
 *  [socialButtons][]: Social Sign-In Buttons
 *  [pdfjs][]: A general-purpose, web standards-based platform for parsing and rendering PDFs.
 *  [flowRouter][]: Client Side Router for Meteor
 *  [typehead][]: Flexible JavaScript library for typeaheads
 *  [textSpinners][]: css spinners
 *  [passwortMeter][]: Password Strength Meter for Twitter Bootstrap

[Metronic]: https://keenthemes.com/metronic/
[KendoUI-Admin-Site]: https://gitee.com/IKKI2000/KendoUI-Admin-Site
[Layui]: https://www.layui.com/
[vue-element-admin]: https://panjiachen.github.io/vue-element-admin
[https_angular.io_start]: https://angular.io/start
[http_miniui.com_index.html]: http://miniui.com/index.html
[http_www.jeasyui.net]: http://www.jeasyui.net/
[http_www.jeasyui.com]: http://www.jeasyui.com/
[Ant Design]: https://ant.design
[React]: http://facebook.github.io/react/
[Ant Design of React]: https://ant.design/docs/react/introduce
[NG-ZORRO - Ant Design of Angular]: http://ng.ant.design
[NG-ZORRO-MOBILE - Ant Design Mobile of Angular]: http://ng.mobile.ant.design
[Ant Design of Vue]: http://vue.ant.design
[San UI Toolkit for Ant Design]: https://ecomfe.github.io/santd
[antizer _ClojureScript]: https://github.com/priornix/antizer
[ant-design-blazor_ant-design-blazor]: https://ant-design-blazor.github.io/
[append-it_ant-design-blazor]: https://append-it.github.io/ant-design-blazor/
[https_unsplash.com]: https://unsplash.com/
[https_uifaces.co_.]: https://uifaces.co/
[Bootstrap]: http://getbootstrap.com/
[jQuery]: http://jquery.com/
[DataTables]: https://datatables.net/
[DropzoneJS]: http://www.dropzonejs.com/
[Flot]: http://www.flotcharts.org/
[FullCalendar]: http://arshaw.com/fullcalendar/
[Gritter]: http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/
[iCheck]: http://fronteed.com/iCheck/
[IonRangeSlider]: https://github.com/IonDen/ion.rangeSlider
[Jasny]: http://jasny.github.io/bootstrap/
[Jeditable]: http://www.appelsiini.net/projects/jeditable
[jQueryUI]: http://jqueryui.com/
[bootstrapdatepicker]: https://github.com/eternicode/bootstrap-datepicker
[jsKnob]: http://anthonyterrien.com/knob/
[metisMenu]: https://github.com/onokumus/metisMenu
[Morris.js]: http://www.oesmith.co.uk/morris.js/
[nouislider]: http://refreshless.com/nouislider/
[Pace]: http://github.hubspot.com/pace/docs/welcome/
[Peity]: http://benpickles.github.io/peity/
[Rickshaw]: http://code.shutterstock.com/rickshaw/
[Sparkline]: http://omnipotent.net/jquery.sparkline/#s-about
[Steps]: http://www.jquery-steps.com/GettingStarted
[Summernote]: http://hackerwins.github.io/summernote/
[Switchery]: http://abpetkov.github.io/switchery/
[Validation]: http://jqueryvalidation.org/
[jvectormap]: http://jvectormap.com/
[Unsplash]: http://unsplash.com/
[Nestable]: https://github.com/dbushell/Nestable
[codeMirror]: http://codemirror.net/
[GoogleMapsApi]: https://developers.google.com/maps/
[EmailTemplate]: https://github.com/mailgun/transactional-email-templates
[uiCodeMirror]: https://github.com/angular-ui/ui-codemirror
[uiMap]: https://github.com/angular-ui/ui-map
[ClassHelper]: https://github.com/ded/bonzo
[AnimatedHeader]: http://tympanus.net/Blueprints/AnimatedHeader/
[MockupMacBookPro]: https://dribbble.com/shots/1403640-MacBook-Pro
[BrowserWindow]: https://dribbble.com/shots/1460141-Free-minimal-browser-window
[Timeline]: http://codyhouse.co/gem/vertical-timeline/
[iPhoneMockup]: https://dribbble.com/shots/1114707-FREE-PSDs-iGravertical-Screen-Layers-iOS-7-Screen-Converter?list=searches&offset=2
[iPhonePicture]: https://dribbble.com/shots/1736601-6-Photorealistic-iPhone-6-mockups
[PerspectiveMockup]: http://www.pixeden.com/psd-mock-up-templates/perspective-tablet-mock-up
[ImageCrop]: https://github.com/fengyuanchen/cropper
[Toastr]: https://github.com/CodeSeven/toastr
[BootstrapColorPicker]: http://mjolnic.github.io/bootstrap-colorpicker/
[WOW]: https://github.com/matthieua/WOW
[LightboxGallery]: https://blueimp.github.io/Gallery/
[RTLbootstrap]: https://github.com/morteza/bootstrap-rtl
[googleDiff]: https://code.google.com/p/google-diff-match-patch/
[tinycon]: https://github.com/tommoor/tinycon
[idletimer]: https://github.com/thorst/jquery-idletimer
[spinners]: https://github.com/tobiasahlin/SpinKit
[prettyTextDiff]: https://github.com/arnab/jQuery.PrettyTextDiff
[clockPicker]: http://weareoutman.github.io/clockpicker/
[chartist]: https://gionkunz.github.io/chartist-js/
[dateRangePicker]: http://www.daterangepicker.com/
[awesomeBootstrapCheckbox]: https://github.com/flatlogic/awesome-bootstrap-checkbox
[fooTable]: http://fooplugins.com/footable-demos/
[sweetAlert]: https://github.com/t4t5/sweetalert
[masonry]: http://masonry.desandro.com/
[slick]: http://kenwheeler.github.io/slick/
[select2]: https://select2.github.io/
[i18next]: http://i18next.com/
[ladda]: https://github.com/hakimel/Ladda
[dotdotdot]: http://dotdotdot.frebsite.nl/
[touchspin]: http://www.virtuosoft.eu/code/bootstrap-touchspin/
[tour]: http://bootstraptour.com/
[flags]: https://www.gosquared.com/resources/flag-icons/
[clipboard]: https://zenorocha.github.io/clipboard.js/
[c3]: http://c3js.org/
[d3]: http://d3js.org/
[markdown]: http://www.codingdrama.com/bootstrap-markdown/
[datamaps]: http://datamaps.github.io/
[tagsinput]: https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
[dualListBox]: https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox
[socialButtons]: https://lipis.github.io/bootstrap-social/
[pdfjs]: https://mozilla.github.io/pdf.js/
[flowRouter]: https://github.com/kadirahq/flow-router
[typehead]: https://twitter.github.io/typeahead.js/
[textSpinners]: https://github.com/tawian/text-spinners
[passwortMeter]: https://github.com/ablanco/jquery.pwstrength.bootstrap