Začínáme

nex-ui je knihovna hotových dílů webových stránek: tlačítek, formulářů, navigací, karet, animací a pozadí. Každý díl, kterému říkáme komponenta, si můžeš na webu vyzkoušet, nastavit podle sebe a pak použít ve vlastním projektu.

Kromě komponent tu najdeš nástroje na barvy, písma a přechody a website builder, ve kterém poskládáš celou stránku jen klikáním.

• Vývojáři: zkopírují nebo nainstalují kód komponenty do svého projektu v Reactu.
• Designéři: vyzkouší si pohyb a chování dřív, než ho navrhnou, a vezmou si barvy a písma z nástrojů.
• Kdokoli bez znalosti programování: ve website builderu poskládá stránku z hotových sekcí a stáhne ji jako hotový soubor.

• Komponenty: celý katalog rozdělený podle kategorií. U každé komponenty je živý náhled a nastavení.
• Nástroje: Barevná paleta, Párování fontů, Generátor přechodů a Website builder.
• Šablony: celé stránky, které právě připravujeme.
• Dokumentace: tahle stránka.
• Hledání: tlačítko Hledat nahoře nebo klávesy Ctrl K. Najde komponenty, nástroje i odpovědi.

• Zdarma: základní komponenty, nástroje a kód ke zkopírování.
• Pro: navíc animované komponenty, instalace jedním příkazem a soubor pro Figmu.
• Ultimate: všechno z Pro, k tomu website builder, všechny šablony a místa pro tým.

Podrobnosti najdeš v ceníku na hlavní stránce a v části Účet a licence.

Potřebuješ React 18 nebo novější, Tailwind CSS ve verzi 4 a balíček motion pro animace. Pak stačí dva příkazy:

$npm install motion

$npx nex-ui init

Příkaz init přidá do tvého CSS barvy a zaoblení, které komponenty používají, a vytvoří složku components/nex-ui. Komponenty pak přidáváš jednu po druhé, viz stránka Komponenty.