A Light and Powerful UI Lib for build Mobile web app

visit Github


Try Light7 Now!

Get light7 code with npm: npm install light7.

It's more recommand to clone the source code on github - light7 on github - and compile by yourself. You can also click Here to download a zip file.

All the compiled code is in the folder dist, now import the CSS and JS file like this:

<!-- in head -->
<link rel="stylesheet" href="dist/css/light7.min.css">

<!-- at the end of body -->
<script type='text/javascript' src='jquery.min.js' charset='utf-8'></script>
<script type='text/javascript' src='dist/js/light7.min.js' charset='utf-8'></script>

You can simple show an alert dialog with $.alertnow:

$.alert("Hello Light7");

Why Light7 ?

Light and Powerful

It is only a UI lib, but not a framework. It provides 20+ useful components with only 82K JS and 117K CSS files. Most time you just copy component's HTML code and paste in your project, and It works!

Light7 depend on jQuery or zeptojs, nothing to learn if you have used Zepto/jQuery before.

iOS Specific

Thanks to Framework7, Light7 can realize precisely pixel-perfect iOS native app's interface.

powerful components

Light7 provide many powerful component such as Pull-to-refresh, Action Sheet and Notification.


We have four different color themes, and a night theme, see themes