https://github.com/sisyphuszheng/aircomponents
air-components is a lightweight Web Components library designed for building modern user interfaces. It offers high-performance, easy-to-use UI components with support for multiple color themes and flexible styling options, making it perfect for both personal projects and enterprise applications.
https://github.com/sisyphuszheng/aircomponents
component webcomponents webcomponents-ui
Last synced: about 1 month ago
JSON representation
air-components is a lightweight Web Components library designed for building modern user interfaces. It offers high-performance, easy-to-use UI components with support for multiple color themes and flexible styling options, making it perfect for both personal projects and enterprise applications.
- Host: GitHub
- URL: https://github.com/sisyphuszheng/aircomponents
- Owner: SisyphusZheng
- License: mit
- Created: 2024-10-26T03:52:07.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-10-29T21:29:22.000Z (7 months ago)
- Last Synced: 2024-10-29T23:18:31.932Z (7 months ago)
- Topics: component, webcomponents, webcomponents-ui
- Language: CSS
- Homepage: https://aircomponents.org/
- Size: 105 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# In early development version, currently unavailable
**Air-Components** is a modern Web Components library designed to provide simple, efficient, and personalized component solutions, helping developers build elegant UI interfaces more quickly.
---
## Project Features
- **Modern Design**: Based on minimalist UI design principles, offering various themes and style options.
- **Lightweight**: Components are optimized for fast loading speeds and strong compatibility.
- **High Customizability**: Supports custom styles, making it easy to adapt to various project needs.
## Installation
Install Air-Components using npm:
```bash
npm install air-components
```
## Usage Example
### Importing Components
```html
My Project
Click Me
```
### Example Code (JS + HTML)
```javascript
import { defineCustomElements } from 'air-components/loader';
defineCustomElements();
document.querySelector('air-button').addEventListener('click', () => {
alert('Button clicked!');
});
```