zUIx is a JavaScript library for creating component-based websites and web apps.
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

zUIx logo

Build Status npm dist License

zUIx

A lightweight JavaScript library to support you in creating amazing component-based websites and applications.

Examples

  • WebFlix Web app template inspired to Netflix mobile app (PWA)
  • HTML-PWA Web app template of a modern mobile app, made with just HTML, CSS, JavaScript (PWA)
  • Web Book Web app template of a web book, suitable for reading but not only (PWA)
  • z-Kit reusable components for modern web
  • TodoMVC the classic To-Do MVC application
  • Hacker News Reader example web app using list_view component with progressive/lazy loading

Online Playgrounds

Getting Started

Start using zUIx with the zUIx Web Starter project, or start from scratch by including it in your project using one of the methods described below.

Local copy

Download and copy the .js file to your project folder and include it in your HTML page:

<script src="js/zuix.min.js"></script>

Download zUIx v1.0.1 ~13 kB (gzipped)

Hosted

Link the .js file as an external resource from GitHub site:

<script src="https://zuixjs.github.io/zuix/js/zuix.min.js"></script>

NPM

Install from NPM

npm install zuix-dist --save

Copy the library from node_modules/zuix-dist/js to your project folder and include it in your HTML pages:

    <script src="js/zuix.min.js"></script>

Bower

Install from Bower

bower install zuix-dist --save

Copy the library from bower_components/zuix-dist/js to your project folder and include it in your HTML pages:

    <script src="js/zuix.min.js"></script>

TypeScript integration

To use zUIx in a TypeScript project you can download and include the auto-generated module definition file which is located in the distribution folder of the master repo.

Contributing

See the CONTRIBUTING.md document.