If you're a front-end developer, then HTML, CSS, and JavaScript are the three essential basic skills you need to master. Of course, we also need to use very skilled. The best way to learn is by understanding the current hot open source projects. This article counts the top-level technology open-source projects with the highest rated and more than 100 collections in China, hoping to help more developers expand their learning.
1. Minimalist modular front-end UI Framework Layui
Rates: 9.3; Favorites: 873
License Agreement: MIT
Development language: JavaScript, HTML/CSS
Operating systems: cross-platform
Source Address: Https://gitee.com/sentsin/layui
Layui is a self-module specification written by the feelings of the front-end UI framework, following the native Html/css/js writing and organizational forms, the threshold is very low, to be used. Its external minimalism, yet yet full of inner, lightweight, component richness, from the core code to the API every detail has been carefully carved, very suitable for the rapid development of the interface. Layui's first version was released in the autumn of 2016, and she distinguishes it from the UI framework based on the underlying MVVM, but does not go the other way, but believes in the way of being back to basics. To be precise, she is more tailor-made for server-side programmers, and you don't have to get involved in the complex configuration of various front-end tools, just face the browser itself and let everything you need interact with the elements.
2.JavaScript Chart Library Echarts
Rates: 8.9; Favorites: 2448
License Agreement: BSD
Development language: JavaScript
Operating systems: cross-platform
Source Address: Https://gitee.com/echarts/echarts
Echarts is a JavaScript-based data visualization library, developed by Baidu's front-end technology department, to provide intuitive, vivid, interactive and customizable data visualization charts. Provides a large number of commonly used data visualization charts, based on the Zrender (a new Lightweight canvas class library), created a coordinate system, legends, hints, toolboxes and other basic components, and build a line chart (area map), Histogram (bar chart), scatter plot (bubble chart), pie chart (doughnut chart), Candlestick charts, maps, force-directed layouts, and chord graphs, while supporting stacking and multi-chart blending of any dimension.
3. Domestic cross-screen response front-end frame Puzzle Pintuer
Rates: 8.7; Favorites: 220
License Agreement: Apache
Development language: JavaScript, HTML/CSS
Operating systems: cross-platform
Source Address: Https://gitee.com/pintuer/pintuer
Jigsaw pintuer.com: Domestic excellent HTML, CSS, JS cross-screen response open-source front-end framework, using the latest browser technology, for rapid front-end development to provide a system of text, icons, media, tables, forms, buttons, menus, grid systems and other style toolkit, occupy small resources, Use jigsaw puzzles to quickly build a simple, elegant, and self-adapting front-end interface for devices such as phones, tablets, and desktops, making front-end development as fun and relaxing as playing a game.
Puzzle Front frame in the traditional CSS framework basically, added HTML5, CSS3, JS and other technology combination applications, applied to the latest browser technology, while compatible with the earlier browser, old and new combination, the past, the developer only need to put the framework file into the project, you can quickly and rapidly co-development, Changes in the past to establish a PC site at the same time, the establishment of mobile phone site situation, to achieve a one-stop response to all equipment, greatly improving the development efficiency.
4. Lightweight Material Design front-end frame Mdui
Rates: 8.6; Favorites: 215
License Agreement: MIT
Development language: JavaScript, HTML/CSS
Operating systems: cross-platform
Source Address: Https://github.com/zdhxiong/mdui
Mdui is a lightweight Material design front-end framework that is developed against the Material design document for 1:1 implementations of the components in Material design.
Multi-Theme Support: Mdui has 19 main colors, 16 accent colors, and one night theme. You can switch themes by simply adding a CSS class.
Lightweight: CSS files containing all themes only 26.4KB minified + gzip,javascript files only 12KB minified + gzip, and no dependencies
Responsive: Mobile-first, adaptable to all screens.
5.WIN10-style front-end responsive UI Framework Win10-ui
Rates: 8.5; Favorites: 170
License Agreement: SATA
Development language: JavaScript, HTML/CSS
Operating systems: cross-platform
Source Address: Https://github.com/yuri2peter/win10-ui
Win10-ui is a win10-style background UI framework. It uses a rich set of WIN10 desktop elements, including desktop icons, windowing sub-page management, Start menu, dynamic small tile and other components, compatible with mainstream modern browser and mobile screen size, suitable for the rapid development of the front-end interface of the backend management system.
Win10-ui uses the traditional UI framework of the rendering design, disorderly remember the complex JS code, only need to apply HTML structure can easily render the desktop elements. It also retains the API that is actively invoked, allowing advanced developers to define the details of the UI. It does not define too many "rules", you can fully use CSS, JS to expand its functionality, to make it your own unique background UI.
6.Node Terminal Interface Library Blessed-contrib
Rates: 8.5; Favorites: 125
License Agreement: MIT
Development language: JavaScript
Operating systems: cross-platform
Source Address: Https://github.com/yaronn/blessed-contrib
Blessed-contrib is a library that uses node. js to build the terminal application interface.
7. React and Redux-based modern content editor ORY editor
Rates: 8.3; Favorites: 109
License Agreement: AGPL
Development language: JavaScript
Operating systems: cross-platform
Source Address: Https://github.com/ory/editor
ORY is a company that builds and maintains developer tools, ORY Editor is a smart, extensible, and modern editor for the Web ("WYSIWYG"), written using React. This would be a good choice if you are tired of the contenteditable restrictions.
ORY Editor can be used to create a Web site similar to Squarespace, but it works offline, sites created by it are stored on the device, and you can create your own designs and plugins.
8. Mobile app animation effect frame Lottie
Rates: 8.3; Favorites: 317
License Agreement: Apache
Development language: Java, Objective-c, JavaScript
Operating system: Android
Source Address:
Android:https://github.com/airbnb/lottie-android
Ios:https://github.com/airbnb/lottie-ios
React native:https://github.com/airbnb/lottie-react-native
Lottie is an open source tool that AIRBNB has developed to add animations to native apps. Lottie currently offers IOS, Android, and React Native versions to render after Effects animation effects in real time.
Currently, Lottie supports path pruning, masking, masking, and more. There is also an optional caching mechanism that can be loaded faster for things that are frequently used. The goal of this app is to help developers and animators make it easier to animate the app to improve overall interactivity.
9. Theme Optimization Package JQuery Easyui 1.5.x of INSDEP Theme
Rates: 8.3; Favorites: 101
License Agreement: GPL
Development language: JavaScript
Operating systems: cross-platform
Source Address: Https://gitee.com/weavors/JQuery-EasyUI-1.5.x-Of-Insdep-Theme
INSDEP theme is based on Easyui 1.5.x of a free landscaping theme package, with Baidu Editor, Cropper, Highcharts, Justgage, plupload and other types of third-party plug-in to adapt to the theme of the patch. And all kinds of commonly used jquery plugins are being beautified. Later, more themes, components, and third-party plug-in landscaping styles are available.
10. Ueditor-based modern Rich text editor Neditor
Rates: 8.3; Favorites: 503
License Agreement: MIT
Development language: JavaScript
Operating systems: cross-platform
Source Address: Https://gitee.com/notadd/neditor
Baidu front-end team did a lot of efforts, now Ueditor is recognized as the best use of Chinese rich text editor. But with the passage of time, we feel that Baidu editor is not so beautiful. So we made a change to the Ueditor, with the present neditor.
11. Vue.js-based UI component library IView
Rates: 8.3; Favorites: 475
License Agreement: MIT
Development language: HTML/CSS
Operating systems: cross-platform
Source Address: Https://gitee.com/icarusion/iview
IView is a set of Vue.js-based UI component libraries, mainly serving the PC interface of the mid-back products.
Characteristics
High-quality, feature-rich
Friendly API, free and flexible use of space
Vue Modular Development mode with single file
Based on NPM + Webpack + Babel development, support ES2015
12. The component library element based on Vue 2.0
Rates: 8.2; Favorites: 609
License Agreement: MIT
Development language: JavaScript
Operating systems: cross-platform
Source Address: Https://github.com/ElemeFE/element
Element, a suite of Vue 2.0-based component libraries for developers, designers and product managers, provides the matching design resources to help you quickly shape your website. By the hungry company front-end team open source.
13.HTML5 cross-screen front-end frame amaze UI
Rates: 8.1; Favorites: 1213
License Agreement: MIT
Development language: JavaScript, HTML/CSS
Operating systems: cross-platform
Source Address: Https://gitee.com/amazeui/amazeui
Amaze UI adopts the international forefront of "component development" and "mobile first" design concept, based on its rich components, developers can quickly build a HTML5 Web application through simple assembly, online only half a year, Amaze UI becomes the most Popular front-end framework in the country, Currently, the star number is harvested on GitHub, serving 50W developers worldwide.
14. Designed for the UI library Weui
Rates: 7.7; Favorites: 2002
License Agreement: MIT
Development language: JavaScript, HTML/CSS
Operating systems: cross-platform
Weui is a UI library designed specifically for mobile WEB applications by the official design team.
Weui is a set of basic style libraries that are consistent with native visual experiences, designed for WEB development, to make user perception more unified. Contains button, cell, dialog, toast, article, icon and other elements.
15. Instrument panel WebApp Template Adminlte
Rates: 7.6; Favorites: 136
License Agreement: MIT
Development language: JavaScript, HTML/CSS
Operating systems: cross-platform
Source Address: https://github.com/almasaeed2010/AdminLTE/
Adminlte is a popular open source management dashboard and WebApp template for Control Panel. It is based on the Bootstrap 3 CSS framework, responsive HTML templates. Use all bootstrap components to design and tweak most of the plug-ins, creating a user interface consistency design that can be used as a back-end application. Adminlte is based on a modular design and is easily customizable and re-engineered on top of it.
16.web on-line deployment system Tools Walle
Rates: 7.4; Favorites: 359
License Agreement: MIT
Development language: PHP, HTML/CSS
Operating systems: cross-platform
Walle a Web Deployment system tool with simple configuration, complete functionality, smooth interface, out-of-the-box! Support Git, SVN version management, support a variety of web code publishing, Php,python,java, such as the release of code, rollback, can be done by the Web to one click.
17. Site Management Background Template Charisma
Rates: 7.4; Favorites: 1055
License Agreement: Apache
Development language: HTML/CSS
Operating systems: cross-platform
Charisma is a responsive site management background template based on Twitter Bootstrap, with 9 beautiful themes.
18. Open Source Kanban Management system Libreboard
Rates: 7.4; Favorites: 380
License Agreement: MIT
Development language: JavaScript, HTML/CSS
Operating systems: cross-platform
Libreboard is an open source implementation of a card-type organization Kanban. can be used to achieve collaborative communication within the team, you can think of Libreboard as an open source version of Trello. The Libreboard provides a one-click installation and a validated Docker image for the sandstorm platform.
The above content is about the front-end development of 18 domestic relatively fire open source project Brief introduction, hope to help everyone.