Tailwind CSS

Populāri Resursi Gataviem React + Tailwind Komponentiem

Tailwind UI Oficiāls / Maksas

Oficiāls, maksas resurss no Tailwind CSS veidotājiem.

Piedāvā augstas kvalitātes, profesionāli izstrādātus komponentus, ieskaitot dažādus saskarnes elementus, kas varētu būt noderīgi čatam (piemēram, kartītes, ievades lauki, dropdown izvēlnes).

Kā lietot:

Jūs iegādājaties piekļuvi un kopējat/ielīmējat komponentu kodu (HTML/JSX un dažreiz nepieciešamo JavaScript) savā projektā.

Flowbite / Flowbite React Open Source / React

Ļoti populāra bibliotēka (arī atvērtā koda daļa) ar lielu komponentu skaitu, kas veidoti ar Tailwind CSS. Ir pieejama arī specifiska React versija.

Piedāvā daudz interaktīvu elementu, kas varētu noderēt.

Kā lietot:

Jūs instalējat flowbite-react bibliotēku kā atkarību un izmantojat tās piedāvātās React komponentes, vai arī kopējat HTML/JSX struktūras no Flowbite galvenās dokumentācijas.

Shadcn/ui Kopēt Kodu / CLI

Ļoti populāra pieeja (tehniski nav komponentu bibliotēka).

Jūs neinstalējat bibliotēku, bet gan izmantojat tās komandrindas rīku (CLI), lai iekopētu atsevišķu komponentu kodu tieši savā projektā. Tas dod pilnu kontroli pār kodu.

Komponenti ir veidoti uz Radix UI un Tailwind CSS bāzes. Lieliska kvalitāte un pielāgojamība. Varētu būt jāsaliek čata saskarne no pamata elementiem (Input, Button, ScrollArea utt.).

DaisyUI Tailwind Plugin

Tailwind CSS spraudnis (plugin), kas pievieno komponentu klases (piem., .btn, .card).

Padara rakstīšanu ātrāku, pievienojot gatavas stilu kombinācijas. Var noderēt čata elementu stilizēšanai.

Kā lietot:

Instalējat kā spraudni un lietojat tā klases savā JSX.

Headless UI Nestilizēts / Funkcionāls

No Tailwind veidotājiem, piedāvā funkcionālas, bet nestilizētas komponentes (Dropdown, Dialog, Switch utt.).

Jūs paši pievienojat Tailwind klases, lai tās stilizētu. Lieliski piemērots, ja vēlaties pilnu kontroli pār dizainu, bet neizgudrot funkcionalitāti no jauna.

Citi Marketplaces un Template

Vietnes kā Creative Tim vai ThemeForest (meklējot React/Tailwind sadaļās) dažreiz piedāvā maksas React + Tailwind veidnes (templates) vai UI komplektus, kas var ietvert čata saskarnes.