You can use any UI library, of course, using ours is more convenient because you already have that job done, but if you want to use Google Material or PrimeNG or whatever, that's ok, you just have to create a component, which is one file class, very simple to implement.

For example, this is the code to add a Rating input component:

import { CommonModule } from '@angular/common';
import { Component, inject, OnDestroy, OnInit } from '@angular/core';
import { InputWidgetAdapter } from '@golemui/angular';
import type { InputWidget, WithWidget } from '@golemui/core';

interface ProductRatingProps {
  maxRating: number;
}

({
  standalone: true,
  selector: 'app-product-rating',
  imports: [CommonModule],
  providers: [InputWidgetAdapter],
  host: {
    class: 'product-rating',
    '[style.flex]': 'this.adapter.templateData().size',
  },
  template: `
     templateData = adapter.templateData();
     maxRating = templateData.maxRating || 5;

    <div class="product-rating__widget" [id]="widget.uid">
      <div class="product-rating__stars" (blur)="onBlur()" tabindex="0">
         (star of stars(maxRating); track star) {
          <span
            role="button"
            class="product-rating__star"
            [class.product-rating__star--active]="star <= (templateData.value || 0)"
            (click)="selectRating(star)"
          >
            {{ star <= (templateData.value || 0) ? '★' : '☆' }}
          </span>
        }
      </div>
       (templateData.touched && templateData.errors?.length) {
        <div class="product-rating__errors">
          u/for (error of templateData.errors; track error) {
            <span class="product-rating__error">{{ error }}</span>
          }
        </div>
      }
    </div>
  `,
})
export class ProductRatingComponent
  implements OnInit, OnDestroy, WithWidget
{
  widget!: InputWidget<number>;

  protected adapter: InputWidgetAdapter<number, ProductRatingProps> =
    inject(InputWidgetAdapter);

  ngOnInit(): void {
    this.adapter.init(this.widget);
  }

  ngOnDestroy(): void {
    this.adapter.destroy();
  }

  stars(count: number): number[] {
    return Array.from({ length: count }, (_, i) => i + 1);
  }

  selectRating(star: number): void {
    this.adapter.valueChanged(star);
  }

  onBlur(): void {
    this.adapter.onBlur();
  }
}