18 Domestic Top HTML, CSS, JavaScript open source projects

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.