https://github.com/adbayb/hexagonal-ui
Cross-framework and low-level design system building blocks with a focus on customization, interactions, and accessibility
https://github.com/adbayb/hexagonal-ui
Last synced: 11 months ago
JSON representation
Cross-framework and low-level design system building blocks with a focus on customization, interactions, and accessibility
- Host: GitHub
- URL: https://github.com/adbayb/hexagonal-ui
- Owner: adbayb
- License: mit
- Created: 2023-08-15T00:15:51.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-22T07:20:30.000Z (11 months ago)
- Last Synced: 2025-02-22T08:25:55.179Z (11 months ago)
- Language: TypeScript
- Homepage:
- Size: 186 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
📦 @hexagonal-ui/core
Cross-framework and low-level design system building blocks with a focus on customization, interactions, and accessibility
## ✨ Features
TODO
## 🚀 Usage
This section introduces the `hexagonal-ui` essentials by walking through its main commands:
0️⃣ ...
1️⃣ ...
2️⃣ ...
3️⃣ ...
## 🏗️ Architecture
Two main layers:
- **Core**: like the Application core in the hexagonal architecture, it centralizes all the core library logic and includes two levels
- Elements: Low-level entities modelizing HTML elements (e.g. Accordion, Button, ...)
- Patterns: Element aggregates implementing UX patterns (e.g. useButton, useDialog, ... documented in the [WCAG website](https://www.w3.org/WAI/ARIA/apg/patterns/))
- **Adapters**: Surrounding the core, this layer aims to interact with it to implement framework specificities. There'll be typically one adapter library per UI framework. Each library is a concrete implementation of the different ports/interfaces exposed by the core (eg. ViewModel ports, ...)
## ✍️ Contribution
We're open to new contributions, you can find more details [here](https://github.com/adbayb/hexagonal-ui/blob/main/CONTRIBUTING.md).
## 📖 License
[MIT](https://github.com/adbayb/hexagonal-ui/blob/main/LICENSE "License MIT")