Skip to content
zUIx is a JavaScript library for creating component-based websites and web apps.
JavaScript Shell
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
build
dist
docs
src
.eslintrc.json
.gitignore
.travis.yml
CONTRIBUTING.md
LICENSE.TXT
README.md
package-lock.json
package.json

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

  • HomeGenie Web UI dashboard and reusable components for Smart Home and IoT applications
  • 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.5 ~15 kB (gzipped)

Hosted

Include zUIx in your document using one of the following hosted URLs:

JsDeliver

<script src="https://cdn.jsdelivr.net/npm/zuix"></script>

GitHub

<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>

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.

You can’t perform that action at this time.