Gå til indhold

BaseUI

Headless React-komponenter uden styling, så du kan bygge tilgængelige og meget tilpasselige grænseflader med fuld kontrol over udseendet.

Bibliotek med headless React-komponenter uden styling, der giver fuld kontrol over markup og CSS samt stærke standardindstillinger for tilgængelighed og ARIA-kompatibel funktionalitet.

Komponenterne er udviklet som sammensættelige byggeklodser med et slots-baseret API. De kan tree-shakes, er klar til TypeScript og fungerer med alle stylingmetoder, herunder Tailwind, CSS Modules, CSS-in-JS og almindelig CSS.

Biblioteket dækker en bred vifte af UI-mønstre og byggeklodser, såsom Accordion, Alert Dialog, Avatar, Checkbox og Checkbox Group, Collapsible, Context Menu, Dialog, Field og Fieldset, Form, Input, Menu og Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle og Toggle Group, Toolbar, Tooltip samt hjælpeværktøjer som Direction Provider og useRender.

Popup-komponenter bruger React Portals. Det anbefales at oprette en isoleret stablingskontekst for at undgå konflikter med z-index, så overlejringer altid vises oven på sidens indhold. Dokumentationen indeholder eksempler på samling af komponenter, sammensætning af dele og integration med forskellige stylingsystemer.

Open source under MIT-licensen med aktive udgivelser, en køreplan og vejledning med fokus på tilgængelighed. Dokumentationssider kan vises som Markdown og indeholder ressourcer, der er tilpasset LLM'er, så det bliver nemmere at udforske og integrere koden.

Funktioner

  • Headless React-komponenter uden styling
  • Tilgængeligt som standard med ARIA-kompatibel funktionalitet
  • Sammensætteligt, slots-baseret API
  • Tree-shakeable ESM-builds
  • TypeScript-typninger
  • Fungerer med Tailwind, CSS Modules, CSS-in-JS og almindelig CSS
  • React Portals til popups og overlejringer
  • Vejledning i isolering af stablingskontekster for at undgå z-index-problemer
  • Mønstre for kontrolleret og ukontrolleret brug
  • Bredt udvalg af komponenter (menuer, dialoger, popovers, faner, select-felter, skydere osv.)
  • SSR-venligt og framework-uafhængigt
  • Open source under MIT-licensen
  • Dokumentation fås som Markdown med LLM-hjælpemidler

Relaterede elementer

Denne open source-UI-løsning gør det muligt at skabe avancerede designsystemer med komponenter, der kan tilpasses forskellige visuelle stilarter og tilgængelighedsstandarder.

GitHub-stjerner
3.9K
Opdateret
Dec 6, 2024
Licens
MIT License

Dette produkt tilbyder et omfattende sæt værktøjer til at bygge brugergrænseflader i React med fokus på fleksibilitet og overholdelse af designstandarder.

GitHub-stjerner
94.2K
Opdateret
Dec 6, 2024
Licens
MIT License

En uofficiel Vue-port med tilpasselige og tilgængelige UI-komponenter til udvikling af designsystemer.

GitHub-stjerner
3.8K
Opdateret
Dec 6, 2024
Licens
MIT License

Et omfattende sæt open source-UI-komponenter, der gør det nemt og effektivt at bygge Vue.js-applikationer.

GitHub-stjerner
11.0K
Opdateret
Dec 6, 2024
Licens
MIT License

Ustylede, tilgængelige React-primitiver med open source til webapps og designsystemer i høj kvalitet.

GitHub-stjerner
16.0K
Opdateret
Dec 6, 2024
Licens
MIT License

En drawer-komponent uden indbygget styling, der er skræddersyet til problemfri integration i React-applikationer og forbedrer interaktionen på mobilenheder.

GitHub-stjerner
6.5K
Opdateret
Dec 6, 2024
Licens
MIT License

Byg hurtigt og effektivt tilgængelige webapplikationer med et solidt udvalg af essentielle komponenter, der er nemme at bruge og meget tilpasselige.

GitHub-stjerner
38.1K
Opdateret
Dec 6, 2024
Licens
MIT License

Denne komponent er en komplet løsning til kommandomenuer i React med fokus på både brugeroplevelse og fleksibilitet for udviklere.

GitHub-stjerner
10.0K
Opdateret
Dec 6, 2024
Licens
MIT License

Om KickstartUI

KickstartUI er det oplagte sted at finde de bedste UI-frameworks, biblioteker og buildværktøjer. Vi udvælger omhyggeligt førsteklasses ressourcer, der hjælper udviklere med at gøre deres UI-idéer til virkelighed. Uanset om du bygger en responsiv webapp, udformer en mobilgrænseflade eller designer en interaktiv prototype, tilbyder vores platform de nødvendige værktøjer til at sætte fart på dine projekter og forbedre brugeroplevelsen. Udforsk vores omfattende samling for at følge med i de nyeste tendenser, åbne op for nye muligheder og løfte dine UI-designs. Klar til at kickstarte dit næste projekt? Gå på opdagelse i vores udvalgte ressourcer, eller søg efter værktøjer, der passer til dine behov.