https://github.com/openwebstudio/aircomponents

https://github.com/openwebstudio/aircomponents

stencil stenciljs-components webcomponents

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/openwebstudio/aircomponents
• Owner: openwebstudio
• License: mit
• Created: 2024-12-29T05:35:32.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-01-13T06:31:28.000Z (3 months ago)
• Last Synced: 2025-01-21T23:01:51.446Z (3 months ago)
• Topics: stencil, stenciljs-components, webcomponents
• Language: TypeScript
• Homepage: http://opencomponent.org
• Size: 431 KB
• Stars: 20
• Watchers: 3
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-stencil - AirComponents - A modern component library built with StencilJS, focusing on semantic, standardized, and branded design for reusable UI components. (UI Libraries / Community)

README

        
# In Early Development Version, Currently Unavailable

![Air-Components Logo](./src/assets/air-components-board.png)

[中文](https://github.com/SisyphusZheng/Components/blob/main/README_CN.md) 

[![npm version](https://img.shields.io/npm/v/air-components)](https://www.npmjs.com/package/air-components) 

[![npm downloads](https://img.shields.io/npm/dm/air-components)](https://www.npmjs.com/package/air-components) 

[![GitHub license](https://img.shields.io/github/license/aircomponents/Components)](https://github.com/aircomponents/Components/blob/main/LICENSE)  

[![Last Commit](https://img.shields.io/github/last-commit/aircomponents/Components)](https://github.com/aircomponents/Components/commits/main) 

[![Dependabot Status](https://img.shields.io/badge/dependencies-up%20to%20date-brightgreen)](https://github.com/aircomponents/Components/network/updates)

## Project Highlights

- **Modular Architecture**: Focused on creating reusable and flexible components.

- **Modern Design Principles**: Emphasizes minimalist UI design with support for multiple themes and visual styles.

- **Customizable Components**: Easily adapt component styles to meet project-specific requirements using standard CSS.

---

## Installation

Install Air-Components using npm:

```bash

npm install @aircomponents/ui

```

### CDN

```html

  Test AirComponents

  

  Primary Button

  Outline Primary