https://github.com/hapticx/happyx-ui

HappyX UI library
https://github.com/hapticx/happyx-ui

Last synced: about 1 year ago
JSON representation

HappyX UI library

• Host: GitHub
• URL: https://github.com/hapticx/happyx-ui
• Owner: HapticX
• License: mit
• Created: 2024-05-11T03:42:46.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-05-18T15:48:12.000Z (about 2 years ago)
• Last Synced: 2025-06-01T13:53:59.859Z (about 1 year ago)
• Language: Nim
• Homepage: https://hapticx.github.io/happyx-ui/
• Size: 579 KB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


# HappyX-UI

### HappyX UI library

[![Github Pages](https://img.shields.io/badge/LIVE_DEMO-100000?style=for-the-badge&logo=github&logoColor=f44336&labelColor=141d1f&color=f44336)](https://hapticx.github.io/happyx-ui/#/)

[![wakatime](https://wakatime.com/badge/user/eaf11f95-5e2a-4b60-ae6a-38cd01ed317b/project/3d17a540-e4d1-458e-a335-fa8908dba246.svg?style=for-the-badge)](https://wakatime.com/badge/user/eaf11f95-5e2a-4b60-ae6a-38cd01ed317b/project/3d17a540-e4d1-458e-a335-fa8908dba246)



This library was inspired by Jetpack Compose. It contains components that allow you to efficiently and quickly create an application.

## TODO 🏁

### Simple Components

- [x] `Button`, `OutlineButton`;

- [x] `Input`, `OutlineInput`, `Checkbox`;

- [x] `Surface`;

- [x] `Column`, `Row`;

- [x] `Progress`;

- [x] `Text`;

- [x] `Image` (default + svg support);

- [x] `Card`;

- [x] `Box` (container with child position absolute);

- [x] `Grid`;

- [ ] `Slider` (range slider);

- [x] `Stepper` (number changer);

- [x] `Tag` (for content);

- [x] `Tooltip`;

- [x] `Switcher`;

- [x] `ChildModifier` (applies modifier to all children (not recursive));

### Complex Components

- [ ] `Breadcrumb` (page navigation);

- [ ] `Dropdown` (dropdown menu);

- [ ] `BottomNavigation`;

- [ ] `TabNavigation`;

- [ ] `Pagination`;

- [ ] `Tree`;

## Example 👀

![image](screenshot.png)