https://github.com/Rikarin/xui

Angular UI Component Library heavily inspired by Discord design
https://github.com/Rikarin/xui

angular angular-components discord enterprise frontend ngx typescript xui

Last synced: 2 months ago
JSON representation

Angular UI Component Library heavily inspired by Discord design

• Host: GitHub
• URL: https://github.com/Rikarin/xui
• Owner: Rikarin
• License: mit
• Created: 2020-11-12T01:44:43.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-04-16T14:06:00.000Z (about 1 year ago)
• Last Synced: 2024-05-02T04:53:05.403Z (12 months ago)
• Topics: angular, angular-components, discord, enterprise, frontend, ngx, typescript, xui
• Language: TypeScript
• Homepage: https://xuijs.org/
• Size: 6.75 MB
• Stars: 5
• Watchers: 4
• Forks: 0
• Open Issues: 37
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-angular - xUI - Angular UI Component Library heavily inspired by Discord design. (Table of contents / Third Party Components)
• fucking-awesome-angular - xUI - Angular UI Component Library heavily inspired by Discord design. (Table of contents / Third Party Components)
• trackawesomelist - xUI (⭐8) - Angular UI Component Library heavily inspired by Discord design. (Recently Updated / [Feb 12, 2025](/content/2025/02/12/README.md))

README

        


  xUI



---

![Build Status](https://github.com/rikarin/xui/actions/workflows/continuous-delivery.yaml/badge.svg?branch=master)

[![Demo](https://img.shields.io/badge/demo-online-ed1c46)](https://xuijs.org/)

[![npm](https://img.shields.io/npm/v/%40xui/components.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/org/xui)

[![Downloads](https://img.shields.io/npm/dt/%40xui/components.svg)](https://www.npmjs.com/org/xui)

[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/components.svg)](https://www.npmjs.com/org/xui)

[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/components)](https://bundlephobia.com/result?p=xui)

[![License](https://img.shields.io/npm/l/express.svg?maxAge=2592000)](/LICENSE)

[![Discord](https://img.shields.io/discord/776258487307075594.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/aPkZsFcu)

[![Netlify Status](https://api.netlify.com/api/v1/badges/fa0cfd14-97df-47fa-8a7c-152e6d4cfda2/deploy-status)](https://app.netlify.com/sites/xui/deploys)

xUI is a customizable Angular 15 - 18 UI Library with gaming look which can be easily adapted to your brand.

Contains default dark and light theme with SCSS functions to generate your own themes in a few steps.

## Features

- **35+ High-Quality Angular Components:** Ready to use out of the box.

- **Powerful Theme Customization:** Detailed customization options with default themes.

- **High Performance:** Supports OnPush mode and Signals for optimized performance.

- **Accessibility:** Supports WCAG 2.0 standards.

- **Powerful Theme Customization:** Detailed customization options.

- **TypeScript:** Written with predictable static types.

## Table of Contents

- [StackBlitz Demo](https://stackblitz.com/fork/xui)

- [Documentation](https://xuijs.org)

- [Live Demo](https://cord.dj/r)

- [Installation](#installation)



## Installation

Install package with **YARN**

```bash

yarn add @xui/components

```

or **NPM**

```bash

npm install @xui/components

```

## Browser Support

xUI Supports most recent browsers according to Angular [support](https://angular.io/guide/browser-support).

## Development

The project uses `NX` and `Angular` to build the package.

```bash

yarn start

```

## Issues

If you find any issues in the library or have and idea for an improvement feel free to open an [issue](https://github.com/Rikarin/xui/issues).

_This project is tested with BrowserStack_