18 top domestic HTML, CSS, JavaScript open source projects

If you are a front-end developer, then HTML, CSS and JavaScript are three essential basic skills that you must master. Of course we also need to be very skilled in using it. The best way to learn is by understanding the current hot open source projects. This article takes stock of the front-end technology open source projects with the highest ratings and more than 100 collections in China, hoping to help more developers expand their learning.

1. Minimalist modular front-end UI framework Layui

Rating: 9.3; Number of collections: 873

Authorization agreement: MIT

Development language: JavaScript , HTML/CSS

Operating system: cross-platform

Source code address: https://gitee.com/sentsin/layui

Layui is a module written using its own module specifications The emotional front-end UI framework follows the writing and organizational form of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box. It is minimalist on the outside but full on the inside. It is light in size and rich in components. Every detail from the core code to the API has been carefully crafted, making it very suitable for rapid interface development. The first version of Layui was released in the golden autumn of 2016. It is different from those UI frameworks based on the bottom layer of MVVM, but it does not go against the grain, but believes in returning to nature. To be precise, it is more tailored for server-side programmers. You do not need to get involved in the complex configuration of various front-end tools. You only need to face the browser itself, and all the elements and interactions you need can be found at your fingertips.

2. JavaScript chart library ECharts

Rating: 8.9; Number of collections: 2448

License Agreement: BSD

Development language: JavaScript

Operating system: cross-platform

Source code address: https://gitee.com/echarts/echarts

ECharts is a front-end technology developed by Baidu A data visualization chart library based on Javascript developed by the Ministry of Science and Technology, which provides intuitive, vivid, interactive, and customizable data visualization charts. Provides a large number of commonly used data visualization charts. The bottom layer is based on ZRender (a new lightweight canvas class library). It creates coordinate systems, legends, prompts, toolboxes and other basic components, and builds line charts (area charts) on top of them. , histogram (bar chart), scatter chart (bubble chart), pie chart (donut chart), K-line chart, map, force-directed layout chart and chord chart. It also supports stacking in any dimension and mixed display of multiple charts.

3. Domestic cross-screen responsive front-end framework puzzle Pintuer

Rating: 8.7; Number of collections: 220

Authorization agreement: Apache

Development language: JavaScript, HTML/CSS

Operating system: cross-platform

Source code address: https://gitee.com/pintuer/pintuer

jigsawPintuer.com: Domestic excellent HTML, CSS, JS cross-screen responsive open source front-end framework, using the latest browser technology to provide a system of text, icons, media, tables, forms, buttons, menus for rapid front-end development , grid system and other style toolkits, which take up little resources. You can use Jigsaw to quickly build a simple, elegant front-end interface that automatically adapts to mobile phones, tablets, desktop computers and other devices, making front-end development as fun and easy as playing games.

Based on the traditional CSS framework, the Jigsaw front-end framework adds HTML5, CSS3, JS and other technical combination applications. It is applied to the latest browser technology and is compatible with earlier browsers. It combines the old and the new, inheriting the past and the future. Developers only need to introduce the framework file into the project, and rapid joint development can begin, changing the situation of building a PC website at the same time as a mobile website in the past, achieving one-stop response to all devices, and greatly improving development efficiency.

4. Lightweight Material Design front-end framework MDUI

Rating: 8.6; Number of collections: 215

Authorization Agreement: MIT

Development language: JavaScript, HTML/CSS

Operating system: cross-platform

Source code address: https://github.com/zdhxiong/mdui

MDUI is a lightweight Material Design front-end framework. It is developed according to Material Design documents and strives to implement the components in Material Design 1:1.

Multiple themes support: MDUI has 19 main colors, 16 accent colors, and a night theme. Simply add a CSS class to switch themes.

Lightweight: The CSS file containing all themes is only 26.4KB minified + gzip, and the JavaScript file is only 12KB minified + gzip, without any dependencies

Responsive: mobile first, adaptable All screens.

5. Win10-style front-end responsive UI framework Win10-UI

Rating: 8.5; Collection: 170

Authorization Agreement: SATA

Developed Language: JavaScript, HTML/CSS

Operating system: Cross-platform

Source code address: https://github.com/yuri2peter/win10-ui

Win10-UI is A win10 style background UI framework. It uses a wealth of win10 desktop elements, including desktop icons, windowed subpage management, start menu, dynamic tiles and other components. It is compatible with mainstream modern browsers and mobile screen sizes, and is suitable for rapid development of front-end interfaces for backend management systems.

Win10-UI adopts the rendering design of the traditional UI framework, and remembers the complicated js code out of order. You only need to apply the html structure to easily render desktop elements. At the same time, the actively called API is also retained, allowing advanced developers to define the details of the UI. It does not define too many "rules". You can completely expand its functions with css and js and make it a unique backend UI for you.

6.Node terminal interface library blessed-contrib

Rating: 8.5; Collection: 125

Authorization Agreement: MIT

Development language: JavaScript

Operating system: cross-platform

Source code address: https://github.com/yaronn/blessed-contrib

blessed-contrib It is a library that uses Node.js to build terminal application interfaces.

7. Modern content editor ORY Editor based on React and Redux

Rating: 8.3; Number of collections: 109

Authorization Agreement ：AGPL

Development language: JavaScript

Operating system: Cross-platform

Source code address: https://github.com/ory/editor

ORY is a company that builds and maintains developer tools, ORY Editor is a smart, scalable, and modern editor for the web ("WYSIWYG"), written in React. This would be a good choice if you're tired of the limitations of contenteditable.

ORY Editor can be used to create websites, similar to Squarespace, but it can run offline, sites created with it are stored on the device, and you can create your own designs and plugins.

8. Mobile application animation effect framework Lottie

Rating: 8.3; Number of collections: 317

License agreement: Apache

Development language: Java, Objective-C, JavaScript

Operating system: Android

Source code 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 developed by Airbnb that can add animation effects to native applications. Lottie currently provides iOS, Android and React Native versions, capable of rendering After Effects animated special effects in real time.

Currently, Lottie supports path trimming, masking, covering and other operations. There is also an optional caching mechanism for faster loading of frequently used items. The goal of this app is to help developers and animators create animations for their apps more easily, thereby improving the overall interactivity factor.

9. Theme optimization package JQuery EasyUI 1.5.x Of Insdep Theme

Rating: 8.3; Number of collections: 101

License Agreement ：GPL

Development language: JavaScript

Operating system: Cross-platform

Source code address: https://gitee.com/weavors/JQuery-EasyUI-1.5.x- Of-Insdep-Theme

Insdep theme is a free beautification theme package based on EasyUI 1.5.x. It has Baidu editor, cropper, Highcharts, justgage, plupload and other third-party plug-ins adapted to this theme. Beautification patches. And various commonly used Jquery plug-ins are being beautified. More themes, components and third-party plug-ins will be provided to beautify the style in the future.

10. Neditor, a modern rich text editor based on Ueditor

Rating: 8.3; Number of collections: 503

Authorization agreement: MIT

Development language: JavaScript

Operating system: cross-platform

Source code address: https://gitee.com/notadd/neditor

Baidu front-end team After a lot of efforts, Ueditor is now recognized as the most useful Chinese rich text editor. But as time goes by, everyone feels that Baidu Editor is not so beautiful. So we modified Ueditor and got the current Neditor.

11. UI component library iView based on Vue.js

Rating: 8.3; Number of collections: 475

Authorization agreement: MIT

Development language: HTML/CSS

Operating system: cross-platform

Source code address: https://gitee.com/icarusion/iview

iView It is a set of UI component library based on Vue.js, which mainly serves the middle and backend products of PC interface.

Features

High quality, rich functions

Friendly API, free and flexible use of space

Use single The Vue component development model of the file

is developed based on npm + webpack + babel and supports ES2015

12. Based on the Vue 2.0 component library Element

Rating: 8.2; Number of collections ：609

Authorization Agreement: MIT

Development language: JavaScript

Operating system: Cross-platform

Source code address: https://github.com/ ElemeFE/element

Element is a Vue 2.0-based component library prepared for developers, designers and product managers. It provides supporting design resources to help your website quickly take shape. It is open sourced by the front-end team of Ele.me.

13.HTML5 cross-screen front-end framework Amaze UI

Rating: 8.1; Number of collections: 1213

Authorization agreement: MIT

Development language: JavaScript, HTML/CSS

Operating system: cross-platform

Source code address: https://gitee.com/amazeui/amazeui

Amaze UI adopts the most cutting-edge international "component-based development" and "mobile-first" design concepts. Based on its rich components, developers can quickly build HTML5 web applications through simple assembly. It has only been online for half a year. Amaze UI has become the most popular front-end framework in China. It currently has nearly 10,000 stars on Github and serves 500,000 developers around the world.

14. WeUI, a UI library specially designed for WeChat

Rating: 7.7; Collection: 2002

Authorization Agreement: MIT

Development language: JavaScript, HTML/CSS

Operating system: Cross-platform

WeUI is a UI library designed by the WeChat official design team specifically for WeChat mobile Web applications.

WeUI is a set of basic style libraries that are consistent with WeChat’s native visual experience. It is tailor-made for WeChat web development and can make users’ usage perception more unified. Contains various elements such as button, cell, dialog, toast, article, icon, etc.

15. Dashboard WebApp Template AdminLTE

Rating: 7.6; Number of Collections: 136

Authorization Agreement: MIT

Development language: JavaScript, HTML/CSS

Operating system: cross-platform

Source code address: https://github.com/almasaeed2010/AdminLTE/

AdminLTE Yes Popular open source webapp template for admin dashboards and control panels. It is a CSS framework based on Bootstrap 3, a responsive HTML template. Leverage all Bootstrap components to design and style most plugins used, creating a consistent user interface design that can be used as a backend application. AdminLTE is based on a modular design and can be easily customized and remade on top of it.

16. Web online deployment system tool Walle

Rating: 7.4; Number of collections: 359

Authorization agreement: MIT

Development language: PHP, HTML/CSS

Operating system: cross-platform

Walle is a web deployment system tool with simple configuration, complete functions, smooth interface, and ready-to-use out of the box! Supports git and svn version management, supports various web code releases, releases and rollbacks of PHP, Python, JAVA and other codes, which can be completed with one click through the web.

17. Website management background template Charisma

Rating: 7.4; Number of collections: 1055

Authorization agreement: Apache

Development language: HTML/CSS

Operating system: cross-platform

Charisma is a responsive website management background template based on Twitter Bootstrap, including 9 sets of beautiful themes.

18. Open source Kanban management system LibreBoard

Rating: 7.4; Collection: 380

Authorization Agreement: MIT

Development language: JavaScript, HTML/CSS

Operating system: cross-platform

LibreBoard is an open source implementation of Kanban, a card-style organization. It can be used to achieve collaborative communication within a team. You can think of LibreBoard as an open source version of Trello. LibreBoard provides one-click installation and a verified Docker image for the Sandstorm platform.

The above content is a brief introduction to 18 popular domestic open source projects about front-end development. I hope it can help everyone.

Related recommendations:

Introducing a Microsoft open source project website--CodePlex

Excellent PHP open source project collection

PHP open source project summary

The above is the detailed content of 18 top domestic HTML, CSS, JavaScript open source projects. For more information, please follow other related articles on the PHP Chinese website!