⚠️ Mixin UI is currently in alpha stage
mixin
v0.0.1-alpha.3
Documentation
Customization
Components
Directives
Services
Pipes
Utils
Documentation

Installation

Begin your journey in just a few easy steps.

Tech stack

Angular

v19.0

TypeScript

v5.7

RxJS

v7.8

Automatic (recommended)

ng add @mixin-ui/cli

Manual

1. Install Angular CDK (if not yet installed)

Mixin UI builds on top of @angular/cdk. If it's not already part of your project, install it with: 

npm i @angular/cdk

2. Install Mixin UI packages

Install the core libraries:

npm i @mixin-ui/{cdk,kit}

3. Import assets & styles

Include the following assets and styles in angular.json:

{
  "assets": [
    {
      // ...
      "glob": "**/*",
      "input": "node_modules/@mixin-ui/kit/icons",
      "output": "mixin-ui/icons"
    }
  ],
  "styles": [
    // ...
    "@angular/cdk/overlay-prebuilt.css",
    "@mixin-ui/kit/styles/index.scss"
  ]
}
Next
Changelog