ui/topia
uitopia.vercel.appUnverifiedrepo only
A collection of fine UI components
Items
287
2026-08-02Every entry in its own registry.json, counted last night.Free to install
0
2026-08-02Item endpoints that returned source without credentials.Behind a key
0
2026-08-02Item endpoints that answered 401.Last push
8 months ago
54 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| accordionaccordion | no description published | Components | Unverified | 1 dep | |
| Action Search Inputaction-search-input-demo | Search input that show command menu when focused. | Components | Unverified | 4 deps | |
| alertalert | no description published | Components | Unverified | no deps | |
| alert-dialogalert-dialog | no description published | Components | Unverified | 1 dep | |
| autocompleteautocomplete | no description published | Components | Unverified | 1 dep | |
| avataravatar | no description published | Components | Unverified | 1 dep | |
| badgebadge | no description published | Components | Unverified | 1 dep | |
| breadcrumbbreadcrumb | no description published | Components | Unverified | 1 dep | |
| buttonbutton | no description published | Components | Unverified | 1 dep | |
| Button colorbutton-color | custom shadcn/ui button. | Components | Unverified | 5 deps | |
| Button Primarybutton-primary | custom shadcn/ui button. | Components | Unverified | 5 deps | |
| cardcard | no description published | Components | Unverified | no deps | |
| Disccd-demo | CD demo component. | Components | Unverified | 3 deps | |
| checkboxcheckbox | no description published | Components | Unverified | 1 dep | |
| checkbox-groupcheckbox-group | no description published | Components | Unverified | 1 dep | |
| Clip Pathclip-path-demo | Clip path component. | Components | Unverified | 2 deps | |
| collapsiblecollapsible | no description published | Components | Unverified | 1 dep | |
| comboboxcombobox | no description published | Components | Unverified | 1 dep | |
| CSS Boxcss-box-demo | CSS box component. | Components | Unverified | 2 deps | |
| dialogdialog | no description published | Components | Unverified | 1 dep | |
| emptyempty | no description published | Components | Unverified | no deps | |
| Expandable Tabsexpandable-tabs-demo | Expandable tabs component. | Components | Unverified | 3 deps | |
| Family Walletsfamily-wallets-demo | An interactive interaction from Family wallets interface featuring smooth layout transitions and animations. Each wallet card can expand to show additional details and controls while collapsing others into a compact view. | Components | Unverified | 4 deps | |
| fieldfield | no description published | Components | Unverified | 1 dep | |
| fieldsetfieldset | no description published | Components | Unverified | 1 dep | |
| formform | no description published | Components | Unverified | 1 dep | |
| frameframe | no description published | Components | Unverified | no deps | |
| groupgroup | no description published | Components | Unverified | 1 dep | |
| iconsicons | no description published | Components | Unverified | 1 dep | |
| Inline Dropdowninline-dropdown-demo | Inline dropdown component. | Components | Unverified | 3 deps | |
| inputinput | no description published | Components | Unverified | 1 dep | |
| labellabel | no description published | Components | Unverified | no deps | |
| menumenu | no description published | Components | Unverified | 1 dep | |
| metermeter | no description published | Components | Unverified | 1 dep | |
| number-fieldnumber-field | no description published | Components | Unverified | 1 dep | |
| paginationpagination | no description published | Components | Unverified | 1 dep | |
| Paper Foldpaper-fold-demo | A paper folding animation. | Components | Unverified | 3 deps | |
| popoverpopover | no description published | Components | Unverified | 1 dep | |
| preview-cardpreview-card | no description published | Components | Unverified | 1 dep | |
| progressprogress | no description published | Components | Unverified | 1 dep | |
| radio-groupradio-group | no description published | Components | Unverified | 1 dep | |
| scroll-areascroll-area | no description published | Components | Unverified | 1 dep | |
| selectselect | no description published | Components | Unverified | 1 dep | |
| separatorseparator | no description published | Components | Unverified | 1 dep | |
| sheetsheet | no description published | Components | Unverified | 1 dep | |
| sidebarsidebar | no description published | Components | Unverified | 3 deps | |
| skeletonskeleton | no description published | Components | Unverified | no deps | |
| sliderslider | no description published | Components | Unverified | 1 dep |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Login 03login-03 | A simple login form. | Blocks | Unverified | no deps · 2 files | |
| Login 04login-04 | Simple Login with Social Buttons. | Blocks | Unverified | no deps · 2 files | |
| Login 05login-05 | Full Page Login with Icons. | Blocks | Unverified | no deps · 2 files |
Hooks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| use-debounceuse-debounce | no description published | Hooks | Unverified | no deps | |
| use-mobileuse-mobile | no description published | Hooks | Unverified | no deps |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| utilsutils | no description published | Utilities | Unverified | 2 deps |
Examples
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| accordion-controlledaccordion-controlled | Controlled accordion | Examples | Unverified | no deps | |
| accordion-demoaccordion-demo | Basic accordion | Examples | Unverified | no deps | |
| accordion-multipleaccordion-multiple | Accordion allowing multiple panels open | Examples | Unverified | no deps | |
| accordion-singleaccordion-single | Accordion with one panel open | Examples | Unverified | no deps | |
| alert-demoalert-demo | Basic alert | Examples | Unverified | no deps | |
| alert-dialog-demoalert-dialog-demo | Alert dialog | Examples | Unverified | no deps | |
| alert-erroralert-error | Error alert | Examples | Unverified | no deps | |
| alert-infoalert-info | Info alert | Examples | Unverified | no deps | |
| alert-successalert-success | Success alert | Examples | Unverified | no deps | |
| alert-warningalert-warning | Warning alert | Examples | Unverified | no deps | |
| alert-with-iconalert-with-icon | Alert with icon | Examples | Unverified | no deps | |
| alert-with-icon-actionalert-with-icon-action | Alert with icon and action buttons | Examples | Unverified | no deps | |
| autocomplete-asyncautocomplete-async | Autocomplete with async items loading | Examples | Unverified | no deps | |
| autocomplete-autohighlightautocomplete-autohighlight | Autocomplete auto highlighting the first option | Examples | Unverified | no deps | |
| autocomplete-demoautocomplete-demo | Basic autocomplete | Examples | Unverified | no deps | |
| autocomplete-disabledautocomplete-disabled | Disabled autocomplete | Examples | Unverified | no deps | |
| autocomplete-formautocomplete-form | Autocomplete form | Examples | Unverified | no deps | |
| autocomplete-groupedautocomplete-grouped | Autocomplete with grouped items | Examples | Unverified | no deps | |
| autocomplete-inlineautocomplete-inline | Autocomplete autofilling the input with the highlighted item | Examples | Unverified | no deps | |
| autocomplete-lgautocomplete-lg | Large autocomplete | Examples | Unverified | no deps | |
| autocomplete-limitautocomplete-limit | Autocomplete with limited number of results | Examples | Unverified | no deps | |
| autocomplete-smautocomplete-sm | Small autocomplete | Examples | Unverified | no deps | |
| autocomplete-with-clearautocomplete-with-clear | Autocomplete with clear button | Examples | Unverified | no deps | |
| autocomplete-with-labelautocomplete-with-label | Autocomplete with label | Examples | Unverified | no deps | |
| autocomplete-with-trigger-clearautocomplete-with-trigger-clear | Autocomplete with trigger and clear buttons | Examples | Unverified | no deps | |
| avatar-demoavatar-demo | Avatar with image and fallback | Examples | Unverified | no deps | |
| avatar-fallbackavatar-fallback | Fallback-only avatar | Examples | Unverified | no deps | |
| avatar-groupavatar-group | Overlapping avatar group | Examples | Unverified | no deps | |
| avatar-radiusavatar-radius | Avatars with different radii | Examples | Unverified | no deps | |
| avatar-sizeavatar-size | Avatars with different sizes | Examples | Unverified | no deps | |
| badge-demobadge-demo | Basic badge | Examples | Unverified | no deps | |
| badge-destructivebadge-destructive | Destructive badge | Examples | Unverified | no deps | |
| badge-errorbadge-error | Error badge | Examples | Unverified | no deps | |
| badge-infobadge-info | Info badge | Examples | Unverified | no deps | |
| badge-lgbadge-lg | Large badge | Examples | Unverified | no deps | |
| badge-outlinebadge-outline | Outline badge | Examples | Unverified | no deps | |
| badge-secondarybadge-secondary | Secondary badge | Examples | Unverified | no deps | |
| badge-smbadge-sm | Small badge | Examples | Unverified | no deps | |
| badge-successbadge-success | Success badge | Examples | Unverified | no deps | |
| badge-warningbadge-warning | Warning badge | Examples | Unverified | no deps | |
| badge-with-iconbadge-with-icon | Badge with icon | Examples | Unverified | no deps | |
| badge-with-linkbadge-with-link | Badge with link | Examples | Unverified | no deps | |
| breadcrumb-custom-separatorbreadcrumb-custom-separator | Breadcrumb with custom separator | Examples | Unverified | no deps | |
| breadcrumb-demobreadcrumb-demo | Breadcrumb with menu example | Examples | Unverified | no deps | |
| button-demobutton-demo | Default button | Examples | Unverified | no deps | |
| button-destructivebutton-destructive | Destructive button | Examples | Unverified | no deps | |
| button-destructive-outlinebutton-destructive-outline | Destructive outline button | Examples | Unverified | no deps | |
| button-disabledbutton-disabled | Disabled button | Examples | Unverified | no deps |
