Preskoči na vsebino

Knjižnica komponent React brez logike in vnaprej določenih slogov, ki omogoča popoln nadzor nad označevalno kodo in CSS ter zagotavlja visoko raven dostopnosti in vedenje, skladno z ARIA.

Komponente so zasnovane kot sestavljivi osnovni gradniki z API-jem, ki temelji na režah. Omogočajo odstranjevanje neuporabljene kode, so pripravljene za TypeScript in delujejo s katerim koli pristopom k oblikovanju, vključno s Tailwind, CSS Modules, CSS-in-JS ali navadnim CSS.

Knjižnica pokriva širok nabor vzorcev uporabniškega vmesnika in osnovnih gradnikov, kot so Accordion, Alert Dialog, Avatar, Checkbox in Checkbox Group, Collapsible, Context Menu, Dialog, Field in Fieldset, Form, Input, Menu in Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle in Toggle Group, Toolbar, Tooltip ter pripomočka Direction Provider in useRender.

Pojavna okna uporabljajo React Portals. Priporočeno je ustvariti ločen kontekst zlaganja, da se preprečijo konflikti z vrednostmi z-index in zagotovi, da se prekrivni elementi vedno prikažejo nad vsebino strani. Dokumentacija vključuje primere sestavljanja komponent, povezovanja njihovih delov in integracije z različnimi sistemi za oblikovanje.

Odprtokodna knjižnica z licenco MIT, rednimi izdajami, časovnico razvoja in navodili, osredotočenimi na dostopnost. Strani dokumentacije si lahko ogledate kot Markdown, vključujejo pa tudi vire, prilagojene LLM-jem, za lažje raziskovanje in integracijo kode.

Funkcije

  • Komponente React brez logike in vnaprej določenih slogov
  • Privzeto dostopne in skladne z ARIA
  • Sestavljiv API, ki temelji na režah
  • Zgradbe ESM z možnostjo odstranjevanja neuporabljene kode
  • Definicije tipov TypeScript
  • Deluje s Tailwind, CSS Modules, CSS-in-JS ali navadnim CSS
  • React Portals za pojavna okna in prekrivne elemente
  • Navodila za izolacijo konteksta zlaganja, da se preprečijo težave z z-index
  • Vzorci uporabe z nadzorom in brez njega
  • Širok nabor komponent (meniji, pogovorna okna, pojavna okna, zavihki, izbirniki, drsniki itd.)
  • Primerno za SSR in neodvisno od ogrodja
  • Odprtokodna licenca MIT
  • Dokumentacija v obliki Markdown s pripomočki LLM

Sorodni elementi

ArkUI

Ta odprtokodna rešitev za uporabniški vmesnik omogoča ustvarjanje dovršenih oblikovalskih sistemov s prilagodljivimi komponentami, ki jih je mogoče uskladiti z različnimi vizualnimi slogi in standardi dostopnosti.

MaterialUI

Ta izdelek ponuja zmogljiv nabor orodij za izdelavo uporabniških vmesnikov v Reactu, pri čemer se osredotoča na prilagodljivost in upoštevanje oblikovalskih standardov.

Radix Vue

Neuradna različica za Vue, ki ponuja prilagodljive in dostopne komponente uporabniškega vmesnika za izdelavo oblikovalskih sistemov.

PrimeVue

Bogata zbirka odprtokodnih komponent uporabniškega vmesnika za preprosto in učinkovito izdelavo aplikacij Vue.js.

Radix Primitives

Neoblikovane, dostopne in odprtokodne primitivne komponente React za visokokakovostne spletne aplikacije in oblikovalske sisteme.

Vaul

Neoblikovana komponenta predala za brezhibno vključitev v aplikacije React, ki izboljša interakcije uporabnikov na mobilnih napravah.

ChakraUI

Hitro in učinkovito ustvarjajte dostopne spletne aplikacije z obsežnim naborom bistvenih komponent, ki so preproste za uporabo in zelo prilagodljive.

cmdk

Ta komponenta ponuja celovito rešitev za ukazni meni v Reactu, ki se osredotoča tako na uporabniško izkušnjo kot na prilagodljivost za razvijalce.