Reprint: Web front-end development of practical HTML5 development framework and development tools

HTML5 makes web design more powerful in a variety of areas. Fast, secure, responsive, interactive and beautiful, these benefits attract more WEB developers to use HTML5. HTML5 has many new feature features that allow developers and designers to create applications and websites that bring the speed, performance and experience of desktop applications to users. This article has compiled 25 excellent HTML5 frameworks and development tools to help you develop projects faster and easier.

Sonic

Sonic is a very small JavaScript class that is used to create a load image based on the HTML5 canvas. Even more powerful is the creation of tools based on out-of-the-box examples that can help you achieve more custom loading animations.
Online Demo Free Download

Chart.js

Chart.js is an object-oriented JavaScript chart library that uses the HTML5 canvas to implement beautiful charts. It currently supports 6 chart types (line chart, bar chart, radar chart, pie chart, histogram, and polar area).
Online Demo Free Download

Razorflow

Razorflow is a PHP framework for quick and easy creation of responsive HTML5 dashboards that can be used in all major mobile devices and browsers. It works simply by inserting a single PHP file into any application, feeding its data, and selecting the output type. It can be used in conjunction with MySQL and PostgreSQL or SQLite databases.
Online Demo Free Download

Zebra

Zebra is a JavaScript library with rich?? User interface components, you can create a desktop-style-like layout. UI elements are created using the HTML5 canvas and have the same rendering effect on modern browsers.
Online Demo Free Download

workless

Workless is the HTML5 & CSS3 framework for easily building cross-browser Web sites that contain the most frequently used items in web development today.
Online Demo Free Download

Native

Junior is a HTML5 framework for creating native-style mobile applications. Very easy to use and has detailed help documentation and examples. It uses the CSS3 transition to achieve smooth animation effects, supports sliding carousel, and includes a variety of UI components.
Online Demo Free Download

Radi

Radi is a great visual design application with built-in tools for creating and editing graphics (or importing) and animating using the <canvas> element implementation.
Online Demo Free Download

HTML5 Bones

HTML5 Bones is a template for a HTML5 site, including the things that are most needed (Normalize.css,html5shiv, etc.). Online Demo Free Download

Literally Canvas

Literally Canvas is a HTML5 open source component that can be integrated into any page, enabling users to draw online. It comes with a set of simple tools including drawing, erasing, color picker, undo, redo, pan and zoom. Online Demo Free Download

Gauge.js

Gauge.js is a beautiful script used to create an animated pressure gauge using JavaScript (or Coffeescript) in the HTML5 canvas.
Online Demo Free Download

WYSIHTML5

WYSIHTML5 is an open source Rich text editor that does not rely on any JavaScript framework, lightweight and fast. and provides the main text editing functions, including text style (bold, italic), list, title, insert image or link and text coloring etc. Online Demo Free Download

HTML5 sortable

HTML5 sortable is a lightweight sorting plugin that uses native HTML5 drag-and-drop APIs to create sorted lists and grids. Online Demo Free Download