Needless UI

Open source · Angular 22 · React 19 · MIT

Components na UI, an ƙera su da kyau fiye da kima.

Components na Angular masu sauƙin amfani ga kowa, a kan elements na asali, waɗanda stylesheet ɗaya mara framework ke ba su salo. Duka suna ƙarƙashin lasisin MIT, har da abin da wasu laburare ke sayarwa daban: jadawali mai timeline na resources, da data grid mai rukunoni da fitarwa zuwa Excel.

Fara Duba components

Dalilin samuwarsa

  • Babu sigar premium

    Timeline na resources da events masu maimaituwa na jadawalin, da rukunoni, bayanai masu tsarin bishiya da fitarwa zuwa Excel na data grid, duka MIT ne kamar sauran komai: babu maɓallin lasisi, babu watermark. Kuna ƙaura daga laburaren da ake biya? Ku karanta jagororin ƙaura daga FullCalendar da AG Grid.

  • Elements na asali da farko

    <button nuiButton> maɓalli ne na gaske. Fom, allon madannai da manhajojin karanta allo suna aiki saboda babu abin da ya lulluɓe shi.

  • Stylesheet ɗaya, kowane framework

    Components CSS ne zalla a cikin cascade layers: Angular a yau, React ga jadawali da data grid zuwa yanzu, HTML zalla a koyaushe.

  • CSS ɗinku ne ke rinjaye koyaushe

    Komai yana cikin @layer nui, don haka salon da kuka rubuta da kanku yana rinjayar sa ba tare da !important ko faɗan specificity ba.

  • Sauƙin amfani ga kowa tun daga tushe

    Ana duba kowane haɗin launuka biyu da WCAG 2.2 AA a lokacin samar da palette. An riga an kula muku da focus, forced colors da rage motsi.

  • Keɓancewa fiye da kima

    Springs, tasirin dannawa, yanayin shigowa, siffa da girman kusurwoyi, da sarari: attribute ɗaya ga dukan manhaja, ko input ɗaya ga kowane component, duka a kan daidaitattun design tokens na W3C.

  • Angular na zamani

    Signal inputs, zoneless, server rendering da entry point ɗaya ga kowane component, don haka manhajoji suna ɗaukar abin da suka shigo da shi kawai.

Umarni ɗaya, sannan import ɗaya

Ku gudanar da ng add don shigar da package ɗin da shigo da stylesheet ɗinsa, sannan ku yi amfani da components a cikin kowane standalone component.

ng-add.sh
ng add @needless-ui/angular
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() {}
}