https://github.com/zuixjs/zuix
zuix.js is a JavaScript library for creating component-based websites and applications.
https://github.com/zuixjs/zuix
bundler component-based frontend javascript lazy-loading modular-web zuix
Last synced: 3 days ago
JSON representation
zuix.js is a JavaScript library for creating component-based websites and applications.
- Host: GitHub
- URL: https://github.com/zuixjs/zuix
- Owner: zuixjs
- License: apache-2.0
- Created: 2016-12-26T21:46:51.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2026-04-05T18:13:24.000Z (3 days ago)
- Last Synced: 2026-04-05T20:20:58.014Z (3 days ago)
- Topics: bundler, component-based, frontend, javascript, lazy-loading, modular-web, zuix
- Language: JavaScript
- Homepage: https://zuixjs.org
- Size: 9.25 MB
- Stars: 73
- Watchers: 5
- Forks: 10
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE.TXT
Awesome Lists containing this project
README
zUIx.js
A lightweight JavaScript library for creating amazing component-based websites and applications.
---
## [zuix.js v1.2.6](https://zuixjs.github.io/zuixjs.org)
**zUIx.js** is a component-based JavaScript framework for building modern web user interfaces. It's designed to be lightweight, fast, and easy to learn, allowing you to create reusable components with clean HTML, CSS, and JavaScript.
- **Website and Documentation:** [zuixjs.github.io/zuixjs.org](https://zuixjs.github.io/zuixjs.org)
- **Ask questions:** [](https://deepwiki.com/zuixjs/zuix)
## Features
- **Component-Based:** Build encapsulated components that manage their own state and logic.
- **Lazy Loading:** Components are loaded on-demand, improving initial page load performance.
- **Lightweight:** A small footprint keeps your application fast and lean.
- **No Build Step Required:** Can be used directly in the browser without a complex build setup.
- **TypeScript Support:** Full type definitions for a better development experience with IntelliSense.
## Installation
You can add `zuix-dist` to your project using npm:
```bash
npm install zuix-dist
```
## Quick Start
### 1. In Plain JavaScript (Browser)
Include the library in your HTML file and start creating components.
```html
```
### 2. With a Bundler (like Webpack) and TypeScript
`zuix-dist` includes full TypeScript definitions. You can import it as an ES module.
```typescript
import zuix from 'zuix-dist';
// Now you can use the 'zuix' global object with full type support
// For example, to load a component dynamically:
const myComponent = zuix.load('path/to/my-component', {
view: document.getElementById('my-container'),
model: {
message: 'Hello from TypeScript!'
}
});
```
## Contributing
We welcome contributions! Please see the [CONTRIBUTING.md](https://github.com/zuixjs/zuix/blob/master/CONTRIBUTING.md#contributing) document
for guidelines on how to submit bug reports, feature requests, and pull requests.