Siirry sisältöön

BaseUI

Päättömiä, tyylittelemättömiä React-komponentteja saavutettavien ja helposti mukautettavien käyttöliittymien rakentamiseen tyylien täydessä hallinnassa.

Headless- ja tyylittelemätön React-komponenttikirjasto, joka tarjoaa täyden hallinnan merkintään ja CSS-tyyleihin sekä vahvat saavutettavuuden oletusasetukset ja ARIA-yhteensopivan toiminnan.

Yhdisteltäviksi perusosiksi suunnitellut komponentit käyttävät aukkoihin perustuvaa API-rakennetta, ovat puusta ravisteltavia, TypeScript-valmiita ja toimivat minkä tahansa tyylittelytavan kanssa, kuten Tailwind-, CSS Modules-, CSS-in-JS- tai tavallisen CSS-tyylittelyn.

Kirjasto kattaa laajan valikoiman UI-malleja ja perusosia, kuten haitarin, hälytysvalintaikkunan, avatarin, valintaruudun ja valintaruuturyhmän, kokoon taitettavan osion, kontekstivalikon, valintaikkunan, kentän ja kenttäryhmän, lomakkeen, syötekentän, valikon ja valikkopalkin, mittarin, navigointivalikon, numerokentän, ponnahdusikkunan, edistymisilmaisimen, valintanapin, vieritysalueen, valintavalikon, erottimen, liukusäätimen, kytkimen, välilehdet, ilmoituksen, valitsimen ja valitsinryhmän, työkalupalkin sekä työkaluvihjeen. Lisäksi mukana on apuohjelmia, kuten Direction Provider ja useRender.

Ponnahduskomponentit käyttävät React Portals -portaalitoimintoa. z-index-ristiriitojen välttämiseksi suositellaan eristetyn pinontakontekstin luomista, jolloin peittokäyttöliittymät näkyvät aina sivun sisällön päällä. Dokumentaatio sisältää esimerkkejä komponenttien kokoamisesta, osien yhdistelystä ja eri tyylittelyjärjestelmiin integroinnista.

Avoimen lähdekoodin kirjasto julkaistaan MIT-lisenssillä, ja sitä kehitetään aktiivisesti. Siihen kuuluu julkaisusuunnitelma ja saavutettavuuteen keskittyvää ohjeistusta. Dokumentaatiosivuja voi tarkastella muodossa Markdown, ja mukana on LLM-ystävällisiä resursseja, jotka helpottavat koodin tutkimista ja integrointia.

Ominaisuudet

  • Päättömiä, tyylittelemättömiä React-komponentteja
  • Saavutettavia oletusarvoisesti, ARIA-vaatimusten mukainen toiminta
  • Yhdisteltävä, paikkapohjainen API
  • Käyttämättömistä osista karsittavat ESM-koosteet
  • TypeScript-tyypitykset
  • Toimii Tailwindin, CSS Modulesin, CSS-in-JS:n ja pelkän CSS:n kanssa
  • React Portals ponnahdusikkunoihin ja peittokäyttöliittymiin
  • Ohjeita pinoamiskontekstin eristämiseen z-index-ongelmien välttämiseksi
  • Hallitut ja hallitsemattomat käyttötavat
  • Laaja valikoima komponentteja (valikot, valintaikkunat, ponnahdusikkunat, välilehdet, valintalistat, liukusäätimet jne.)
  • SSR-yhteensopiva ja kehysriippumaton
  • Avoimen lähdekoodin MIT-lisenssi
  • Markdown-muotoinen dokumentaatio ja LLM-apuvälineet

Aiheeseen liittyvät kohteet

Tämä avoimen lähdekoodin UI-ratkaisu mahdollistaa kehittyneiden suunnittelujärjestelmien luomisen mukautettavilla komponenteilla, jotka voidaan sovittaa erilaisiin visuaalisiin tyyleihin ja saavutettavuusstandardeihin.

GitHub-tähdet
3.9K
Päivitetty
Dec 6, 2024
Lisenssi
MIT License

Tämä tuote tarjoaa monipuoliset työkalut käyttöliittymien rakentamiseen Reactilla painottaen joustavuutta ja suunnittelustandardien noudattamista.

GitHub-tähdet
94.2K
Päivitetty
Dec 6, 2024
Lisenssi
MIT License

Epävirallinen Vue-porttaus, joka tarjoaa mukautettavia ja saavutettavia UI-komponentteja suunnittelujärjestelmien rakentamiseen.

GitHub-tähdet
3.8K
Päivitetty
Dec 6, 2024
Lisenssi
MIT License

Laaja valikoima avoimen lähdekoodin UI-komponentteja, jotka on suunniteltu Vue.js-sovellusten rakentamiseen sujuvasti ja tehokkaasti.

GitHub-tähdet
11.0K
Päivitetty
Dec 6, 2024
Lisenssi
MIT License

Tyylittelemättömiä, saavutettavia ja avoimen lähdekoodin React-peruskomponentteja laadukkaisiin verkkosovelluksiin ja design-järjestelmiin.

GitHub-tähdet
16.0K
Päivitetty
Dec 6, 2024
Lisenssi
MIT License

Tyylittelemätön drawer-komponentti, joka integroituu saumattomasti React-sovelluksiin ja parantaa mobiililaitteiden käyttökokemusta.

GitHub-tähdet
6.5K
Päivitetty
Dec 6, 2024
Lisenssi
MIT License

Rakenna saavutettavia verkkosovelluksia nopeasti ja tehokkaasti vankalla valikoimalla olennaisia komponentteja, joita on helppo käyttää ja mukauttaa.

GitHub-tähdet
38.1K
Päivitetty
Dec 6, 2024
Lisenssi
MIT License

Tämä komponentti tarjoaa React-sovelluksille kattavan komentovalikkoratkaisun, jossa painotetaan sekä käyttökokemusta että kehittäjien joustavuutta.

GitHub-tähdet
10.0K
Päivitetty
Dec 6, 2024
Lisenssi
MIT License

Tietoa KickstartUI:sta

KickstartUI on paras paikka löytää parhaat UI-kehykset, kirjastot ja rakennustyökalut. Kokoamme huolella laadukkaita resursseja, jotta kehittäjät voivat toteuttaa UI-ideansa. Rakennatpa responsiivista verkkosovellusta, suunnitteletpa mobiilikäyttöliittymää tai luot vuorovaikutteista prototyyppiä, alustamme tarjoaa olennaiset työkalut projektien vauhdittamiseen ja käyttökokemuksen parantamiseen. Tutustu laajaan kokoelmaamme, pysy ajan tasalla uusimmista suuntauksista, löydä uusia mahdollisuuksia ja vie UI-suunnittelusi uudelle tasolle. Oletko valmis käynnistämään seuraavan projektisi? Tutustu esiteltyihin resursseihin tai etsi tarpeisiisi sopivia työkaluja.