CS

CS Registry50 komponent

UI Komponenty

Složené komponenty

Hello World
ButtonOffcanvas
UserCard
PricingCard
MultiStepForm

CS

registry.ceskysoftware.cz

CS Component Registry

Shadcn-kompatibilní registry custom React komponent. Přidej libovolnou komponentu jedním příkazem — zdrojový kód se zkopíruje přímo do tvého projektu.

50 komponentTailwind v4React 19TypeScript

Rychlá instalace

pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/button.json

Vše50UI Komponenty45Složené komponenty5

Zobrazeno 50 z 50 komponent

A simple hello world component

Button s variantami fill / outline / inline / hover, 9 barvami, 5 velikostmi a 5 rádiusy

Textový vstup s variantami barev, velikostí a stavů

Phone input with country dial code selector

Notifikační odznak s 5 velikostmi, 9 barvami a 5 rádiusy — obaluje libovolný element

Karta s padding, radius, color variantami a sticky podporou

Zaškrtávací pole s variantami barev a velikostí — čistá primitivní komponenta bez labelu

Checkbox s labelem, popiskem a chybovou zprávou — obaluje Checkbox komponentu

Skupina tlačítek s variantami fill / outline / inline

Grafová komponenta postavená na recharts — liniový, sloupcový a plošný graf

Modální okno s header, body a footer sekcemi

Stránkování s variantami barev, velikostí a jump-to-page

Radio tlačítka s popisky, variantami a barvami

Dropdown výběr s variantami barev a velikostí

Spinner s 5 velikostmi a 9 barvami

Toggle přepínač s variantami barev a velikostí

Víceřádkový textový vstup s resize a counter

Oddělovací čára s orientací a barvou

Seznam s leading, content a trailing sloty pro každou položku

QR kód generátor s nastavitelnou velikostí a barvou

Statistický widget s ikonou, hodnotou a trendem

Obrázek s variantami (circle, bordered, overlay) a figure/caption wraperem

Responzivní kontejner s max-width variantami

Sheet / Offcanvas

Boční panel s top/bottom/left/right pozicí

ButtonOffcanvas

Tlačítko otvírající offcanvas/sheet panel

Upozornění s variantami filled / light / outline / transparent, 9 barvami, 5 velikostmi a dismiss tlačítkem

Avatar s obrázkem / iniciálami / ikonou, 6 velikostmi, 3 tvary, stavovým indikátorem a AvatarGroup

Progress bar se striped / animated variantami, 9 barvami, 5 velikostmi a label pozicemi

Hvězdičkové hodnocení s interaktivním a read-only módem, 5 velikostmi a 9 barvami

Inline štítek s variantami filled / light / outline / dot, 5 velikostmi, 9 barvami a dismiss

Akordeon s variantami default / filled / separated / outlined, multiple expand a icon position

Průvodce kroky — horizontální / vertikální, 4 varianty, 9 barev, 3 velikosti

Časová osa s 9 barvami, 3 typy teček a solid / dashed / dotted čárou

Klávesová zkratka s 9 barvami a 4 velikostmi + KbdShortcut helper

Statistická karta default / filled / light / bordered s trendovým indikátorem, ikonou a 9 barvami

Rozšířené taby s variantami line / pills / pills-filled / cards / underline, badge a zarovnáním

Tooltip s top / bottom / left / right pozicí, 10 barvami a delay nastavením

Dokumentační callout note / tip / info / warning / danger / success s border-side variantami

Číselný vstup s +/- tlačítky, min/max/step, 9 barvami, 3 velikostmi a split variantou

Skeleton loading placeholder s shimmer / wave / pulse animací + SkeletonCard a SkeletonListItem

Posuvník s 9 barvami, 4 velikostmi, value tooltip, min/max labely a marks

Barevné políčko a群 ColorSwatchGroup pro výběr barvy, 5 velikostí a 3 tvary

Blok kódu s copy tlačítkem, čísly řádků, filename headerem a dark / light / transparent variantami

Datová tabulka s default / striped / bordered / minimal variantami, barevným headerem a hover

Drobečková navigace s collapse podporou, vlastním separátorem a 9 barvami

Kontextové menu se skupinami, oddělovači, ikonami, badge a danger položkami

Kompozitní karta uživatele kombinující Avatar, Tag, Rating a Button — vertikální / horizontální layout

Cenová karta kombinující Button, Tag a Progress s feature listem a destacovaným plánem

Vícekrokový formulář kombinující Steps, Progress, Alert, Button a Tag do průvodce

Čistý sparkline sparkline bez os a popisků — varianty line / area / bar, 9 barev, libovolná výška