Needless UI

Open source · Angular 22 · MIT

Componenti UI, progettati con una cura inutilmente accurata.

Needless UI dà stile agli elementi nativi con un unico foglio di stile indipendente dal framework e design token W3C. Le direttive Angular aggiungono il comportamento di Angular Aria, così ogni componente è accessibile fin dal primo render.

Inizia Sfoglia i componenti

Perché esiste

  • Prima gli elementi nativi

    <button nuiButton> è un vero pulsante. Moduli, tastiera e screen reader funzionano perché niente lo avvolge.

  • Un foglio di stile per ogni framework

    I componenti sono CSS puro in cascade layer: Angular oggi, React domani, HTML semplice sempre.

  • Il tuo CSS vince sempre

    Tutto è dentro @layer nui, quindi i tuoi stili lo sovrascrivono senza !important né battaglie di specificità.

  • Accessibile per costruzione

    Ogni coppia di colori viene verificata rispetto alle WCAG 2.2 AA quando si genera la palette. Focus, forced colors e riduzione del movimento sono già gestiti.

  • Design token standard

    I token in formato W3C DTCG diventano custom property CSS, con temi chiaro, scuro e annidati.

  • Angular moderno

    Input signal, zoneless, rendering lato server e un entry point per componente: le app includono solo ciò che importano.

Due import e hai finito

Aggiungi il pacchetto, importa il foglio di stile una volta e usa i componenti in qualsiasi componente standalone.

install.sh
pnpm add @needless-ui/angular @angular/aria @angular/cdk
usage.ts
import { Component } from '@angular/core';
import { NuiButton } from '@needless-ui/angular/button';

@Component({
  selector: 'app-root',
  imports: [NuiButton],
  template: `<button nuiButton (click)="save()">Save changes</button>`,
})
export class App {
  save() {}
}