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 Ultimate animace, website builder s propojenými vícestránkovými weby, 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ší a Tailwind CSS ve verzi 4. Komponenty se instalují nástrojem shadcn pro příkazový řádek (komponenty shadcn/ui k tomu nepotřebuješ). Pokud tvůj projekt ještě nemá components.json, spusť jednou:

$npx shadcn@latest init

Komponenty zdarma pak nainstaluješ rovnou z jejich adresy, třeba:

$npx shadcn@latest add https://nex-ui.eu/r/underline-navbar.json

První komponenta přidá do tvého CSS i barvy a animace nex-ui a nainstaluje motion. Soubor se uloží do components/nex-ui. Pro komponenty Pro a Ultimate viz Komponenty → Přidání komponenty.