Needless UIAccessible Angular components, open source

Native elements first

<button nuiButton> is a real button. Forms, keyboards and screen readers work because nothing is wrapped around it.

One stylesheet, any framework

Components are plain CSS in cascade layers: Angular today, React next, plain HTML always.

Your CSS always wins

Everything ships inside @layer nui, so your own styles override it without !important or specificity battles.

Accessible by construction

Every color pair is checked against WCAG 2.2 AA when the palette is generated. Focus, forced colors and reduced motion are handled for you.

Needlessly customizable

Springs, press effects, entrances, corner shapes, radius and density — one attribute for the whole app, or one input per component, on standard W3C design tokens.

Modern Angular

Signal inputs, zoneless, server rendering and one entry point per component, so apps ship only what they import.

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() {}
}