uiable

(★ 93)

A free, open-source collection of beautifully designed UI components that you can copy, paste, customize, and make your own.

파일 탐색기

최종 버전 다운로드 (.zip)

- - bug_report.md
  - custom.md
  - feature_request.md
- - prompt-screenshot-to-code.prompts.md
  - shadcn-before-commit.prompts.md
  - shadcn-file-rules.prompts.md
- - npm-dev-check.yml
- pre-commit
- settings.json
- - accordion-basic.json
  - accordion-borders.json
  - accordion-card.json
  - accordion-disabled.json
  - accordion-flush.json
  - accordion-multiple.json
  - accordion.json
  - alert-action.json
  - alert-basic.json
  - alert-border-left-danger.json
  - alert-border-left-dark.json
  - alert-colors.json
  - alert-destructive.json
  - alert-dialog-basic.json
  - alert-dialog-destructive.json
  - alert-dialog-lock.json
  - alert-dialog-media.json
  - alert-dialog-small-media.json
  - alert-dialog-small.json
  - alert-dialog.json
  - alert-dismissible-danger.json
  - alert-dismissible-dark.json
  - alert-dismissible-info.json
  - alert-dismissible-primary.json
  - alert-dismissible-secondary.json
  - alert-dismissible-success.json
  - alert-dismissible-warning.json
  - alert-icon-danger.json
  - alert-icon-dark.json
  - alert-icon-info.json
  - alert-icon-primary.json
  - alert-icon-secondary.json
  - alert-icon-success.json
  - alert-icon-warning.json
  - alert-light-danger.json
  - alert-light-dark.json
  - alert-light-info.json
  - alert-light-primary.json
  - alert-light-secondary.json
  - alert-light-success.json
  - alert-light-warning.json
  - alert-solid-danger.json
  - alert-solid-dark.json
  - alert-solid-info.json
  - alert-solid-primary.json
  - alert-solid-secondary.json
  - alert-solid-success.json
  - alert-solid-warning.json
  - alert.json
  - aspect-ratio-portrait.json
  - aspect-ratio-square.json
  - aspect-ratio-standard.json
  - aspect-ratio.json
  - attachment-group.json
  - attachment-sizes.json
  - attachment-states.json
  - attachment-triggers.json
  - attachment-vertical.json
  - attachment.json
  - avatar-badge-icon.json
  - avatar-badge.json
  - avatar-basic.json
  - avatar-border-radius.json
  - avatar-counter-indicator.json
  - avatar-dropdown.json
  - avatar-fallback.json
  - avatar-group-count-icon.json
  - avatar-group-count.json
  - avatar-group.json
  - avatar-placeholder-icon.json
  - avatar-size.json
  - avatar.json
  - badge-avatar.json
  - badge-colors.json
  - badge-gradient.json
  - badge-icon.json
  - badge-light-danger.json
  - badge-light-dark.json
  - badge-light-info.json
  - badge-light-primary.json
  - badge-light-secondary.json
  - badge-light-success.json
  - badge-light-warning.json
  - badge-link.json
  - badge-outline-danger.json
  - badge-outline-dark.json
  - badge-outline-info.json
  - badge-outline-primary.json
  - badge-outline-secondary.json
  - badge-outline-success.json
  - badge-outline-warning.json
  - badge-pill-danger.json
  - badge-pill-dark.json
  - badge-pill-info.json
  - badge-pill-primary.json
  - badge-pill-secondary.json
  - badge-pill-success.json
  - badge-pill-warning.json
  - badge-sizes.json
  - badge-solid-danger.json
  - badge-solid-dark.json
  - badge-solid-info.json
  - badge-solid-primary.json
  - badge-solid-secondary.json
  - badge-solid-success.json
  - badge-solid-warning.json
  - badge-spinner.json
  - badge-status.json
  - badge.json
  - block-component-1.json
  - block-component-2.json
  - block-contact-1.json
  - block-contact-11.json
  - block-contact.json
  - block-content-1.json
  - block-content-5.json
  - block-cta-1.json
  - block-cta-2.json
  - block-faq-1.json
  - block-faq.json
  - block-feature-1.json
  - block-feature-2.json
  - block-feature.json
  - block-footer-11.json
  - block-footer-3.json
  - block-footer-7.json
  - block-footer.json
  - block-gallery-10.json
  - block-gallery-2.json
  - block-gallery-3.json
  - block-gallery-4.json
  - block-hero-2.json
  - block-hero-3.json
  - block-hero-6.json
  - block-hero.json
  - block-list.json
  - block-navbar.json
  - block-portfolio-3.json
  - block-portfolio-4.json
  - block-portfolio-5.json
  - block-pricing-2.json
  - block-pricing-3.json
  - block-process-1.json
  - block-process-3.json
  - block-process-6.json
  - block-sidebar.json
  - block-statistics-1.json
  - block-team-1.json
  - block-testimonial-1.json
  - breadcrumb-basic.json
  - breadcrumb-collapsed.json
  - breadcrumb-dropdown.json
  - breadcrumb-ellipsis.json
  - breadcrumb-icon.json
  - breadcrumb-link.json
  - breadcrumb-page-header.json
  - breadcrumb-separator.json
  - breadcrumb-stepper.json
  - breadcrumb.json
  - bubble-alignment.json
  - bubble-collapsible.json
  - bubble-group.json
  - bubble-link.json
  - bubble-popover.json
  - bubble-reactions.json
  - bubble-tooltip.json
  - bubble-variants.json
  - bubble.json
  - button-animated-border.json
  - button-animated-gradient.json
  - button-animated.json
  - button-default.json
  - button-destructive.json
  - button-ghost.json
  - button-group-dropdown.json
  - button-group-icon.json
  - button-group-input-group.json
  - button-group-input.json
  - button-group-nested.json
  - button-group-orientation.json
  - button-group-popover.json
  - button-group-qty-select.json
  - button-group-select.json
  - button-group-separator.json
  - button-group-size.json
  - button-group-social.json
  - button-group-split.json
  - button-group-toolbar.json
  - button-group.json
  - button-icon-danger.json
  - button-icon-dark.json
  - button-icon-info.json
  - button-icon-primary.json
  - button-icon-secondary.json
  - button-icon-success.json
  - button-icon-warning.json
  - button-icon.json
  - button-light-danger.json
  - button-light-dark.json
  - button-light-info.json
  - button-light-primary.json
  - button-light-secondary.json
  - button-light-success.json
  - button-light-warning.json
  - button-link.json
  - button-outline-danger.json
  - button-outline-dark.json
  - button-outline-info.json
  - button-outline-primary.json
  - button-outline-secondary.json
  - button-outline-success.json
  - button-outline-warning.json
  - button-outline.json
  - button-render.json
  - button-rounded.json
  - button-secondary.json
  - button-size.json
  - button-social.json
  - button-solid-danger.json
  - button-solid-dark.json
  - button-solid-info.json
  - button-solid-primary.json
  - button-solid-secondary.json
  - button-solid-success.json
  - button-solid-warning.json
  - button-spinner.json
  - button-toggle.json
  - button-with-badge.json
  - button-with-icon.json
  - button.json
  - calendar-basic.json
  - calendar-booked-dates.json
  - calendar-caption.json
  - calendar-custom-days.json
  - calendar-hijri.json
  - calendar-multiple.json
  - calendar-presets.json
  - calendar-range.json
  - calendar-right-navigation.json
  - calendar-time.json
  - calendar-week-numbers.json
  - calendar.json
  - card-align-center.json
  - card-align-right.json
  - card-animated-flip.json
  - card-animated-tilt.json
  - card-basic.json
  - card-header-footer.json
  - card-horizontal.json
  - card-image-bottom.json
  - card-image-overlay.json
  - card-image-top.json
  - card-image.json
  - card-product.json
  - card-small.json
  - card-solid-danger.json
  - card-solid-dark.json
  - card-solid-info.json
  - card-solid-primary.json
  - card-solid-secondary.json
  - card-solid-success.json
  - card-solid-warning.json
  - card-tabs.json
  - card-title-subtitle.json
  - card.json
  - carousel-api.json
  - carousel-multiple.json
  - carousel-orientation.json
  - carousel-plugin.json
  - carousel-size.json
  - carousel-spacing.json
  - carousel.json
  - changelog-entry.json
  - changelog-mobile-toc.json
  - changelog-toc.json
  - chart-area.json
  - chart-example-axis.json
  - chart-example-grid.json
  - chart-example-legend.json
  - chart-example-tooltip.json
  - chart-example.json
  - chart-line.json
  - chart-pie.json
  - chart-radial.json
  - chart-tooltip.json
  - chart.json
  - checkbox-basic.json
  - checkbox-colors.json
  - checkbox-description.json
  - checkbox-disabled.json
  - checkbox-group.json
  - checkbox-indeterminate.json
  - checkbox-invalid.json
  - checkbox-list.json
  - checkbox-size.json
  - checkbox-table.json
  - checkbox-todo-list.json
  - checkbox.json
  - circular-progress.json
  - collapsible-basic.json
  - collapsible-file-tree.json
  - collapsible-settings.json
  - collapsible.json
  - combobox-auto-highlight.json
  - combobox-autocomplete.json
  - combobox-basic.json
  - combobox-clear.json
  - combobox-custom.json
  - combobox-disabled.json
  - combobox-error.json
  - combobox-groups.json
  - combobox-input-group.json
  - combobox-invalid.json
  - combobox-multiple.json
  - combobox-popup.json
  - combobox-user.json
  - combobox-with-checkbox.json
  - combobox.json
  - command-basic.json
  - command-developer-actions.json
  - command-dialog.json
  - command-groups.json
  - command-invite-members.json
  - command-scrollable.json
  - command-search-filter.json
  - command-shortcuts.json
  - command-with-description.json
  - command.json
  - component-header.json
  - component-list.json
  - component-sidebar.json
  - context-menu-basic.json
  - context-menu-checkboxes.json
  - context-menu-destructive.json
  - context-menu-groups.json
  - context-menu-icons.json
  - context-menu-radio.json
  - context-menu-shortcuts.json
  - context-menu-sides.json
  - context-menu-submenu.json
  - context-menu.json
  - data-table-basic.json
  - data-table-editable.json
  - data-table-expandable.json
  - data-table-pagination.json
  - date-picker-basic.json
  - date-picker-disabled.json
  - date-picker-dob.json
  - date-picker-input.json
  - date-picker-natural-language.json
  - date-picker-neutral.json
  - date-picker-range.json
  - date-picker-time.json
  - dialog-basic.json
  - dialog-centered.json
  - dialog-close-button.json
  - dialog-full-screen.json
  - dialog-large.json
  - dialog-newsletter.json
  - dialog-no-close-button.json
  - dialog-scrollable-content.json
  - dialog-small.json
  - dialog-sticky-footer.json
  - dialog.json
  - direction.json
  - drawer-dialog.json
  - drawer-scrollable-content.json
  - drawer-sides.json
  - drawer.json
  - dropdown-menu-avatar.json
  - dropdown-menu-basic-danger.json
  - dropdown-menu-basic-info.json
  - dropdown-menu-basic-primary.json
  - dropdown-menu-basic-secondary.json
  - dropdown-menu-basic-success.json
  - dropdown-menu-basic-warning.json
  - dropdown-menu-basic.json
  - dropdown-menu-checkboxes-icons.json
  - dropdown-menu-checkboxes.json
  - dropdown-menu-complex.json
  - dropdown-menu-destructive.json
  - dropdown-menu-forms.json
  - dropdown-menu-icons.json
  - dropdown-menu-outline-primary.json
  - dropdown-menu-radio-group.json
  - dropdown-menu-radio-icons.json
  - dropdown-menu-shortcuts.json
  - dropdown-menu-split-primary.json
  - dropdown-menu-submenu.json
  - dropdown-menu-text.json
  - dropdown-menu.json
  - empty-avatar-group.json
  - empty-avatar.json
  - empty-background.json
  - empty-card.json
  - empty-input-group.json
  - empty-no-search-result.json
  - empty-outline.json
  - empty-with-large-icon.json
  - empty.json
  - field-checkbox.json
  - field-choice-card.json
  - field-fieldset.json
  - field-group.json
  - field-input.json
  - field-one-time-password-form.json
  - field-radio.json
  - field-responsive.json
  - field-select.json
  - field-slider.json
  - field-switch.json
  - field-textarea.json
  - field.json
  - hover-card-image-preview.json
  - hover-card-info-with-icon-badge.json
  - hover-card-link-preview.json
  - hover-card-sides.json
  - hover-card-simple-info-tooltip.json
  - hover-card.json
  - income-item.json
  - input-badge.json
  - input-basic.json
  - input-button-group.json
  - input-disabled.json
  - input-field.json
  - input-fieldgroup.json
  - input-file.json
  - input-form.json
  - input-grid.json
  - input-group-basic.json
  - input-group-block-end.json
  - input-group-block-start.json
  - input-group-button.json
  - input-group-chat-message.json
  - input-group-custom.json
  - input-group-dropdown.json
  - input-group-icon.json
  - input-group-in-card.json
  - input-group-inline-end.json
  - input-group-inline-start.json
  - input-group-kbd.json
  - input-group-label.json
  - input-group-spinner.json
  - input-group-text.json
  - input-group-textarea-examples.json
  - input-group-textarea.json
  - input-group-tooltip.json
  - input-group-with-addons.json
  - input-group-with-buttons.json
  - input-group-with-kbd.json
  - input-group-with-tooltip.json
  - input-group.json
  - input-inline.json
  - input-input-group.json
  - input-invalid.json
  - input-otp-alphanumeric.json
  - input-otp-animated.json
  - input-otp-controlled.json
  - input-otp-disabled.json
  - input-otp-filled.json
  - input-otp-form.json
  - input-otp-four-digits.json
  - input-otp-invalid.json
  - input-otp-outlined.json
  - input-otp-pattern.json
  - input-otp-separator.json
  - input-otp.json
  - input-range.json
  - input-required.json
  - input-select.json
  - input-validation.json
  - input.json
  - item-avatar.json
  - item-background.json
  - item-checkbox.json
  - item-dropdown.json
  - item-group.json
  - item-header.json
  - item-icon.json
  - item-image.json
  - item-link.json
  - item-separator.json
  - item-size.json
  - item-switch.json
  - item-variant.json
  - item.json
  - kbd-arrow-keys.json
  - kbd-button.json
  - kbd-function-keys.json
  - kbd-group.json
  - kbd-input-group.json
  - kbd-shortcut-keys.json
  - kbd-tooltip.json
  - kbd.json
  - label-basic.json
  - label-card.json
  - label-disabled.json
  - label-required.json
  - label.json
  - list-group-active.json
  - list-group-avatar.json
  - list-group-badge.json
  - list-group-basic.json
  - list-group-buttons.json
  - list-group-checkboxes.json
  - list-group-custom-content.json
  - list-group-disabled.json
  - list-group-flush.json
  - list-group-links.json
  - list-group-nested.json
  - list-group-numbered.json
  - list-group-radios.json
  - marker-bordered.json
  - marker-links.json
  - marker-separator.json
  - marker-shimmer.json
  - marker-status.json
  - marker-variants.json
  - marker-with-icon.json
  - marker.json
  - menubar-checkbox.json
  - menubar-icons.json
  - menubar-radio.json
  - menubar-submenu.json
  - menubar.json
  - message-actions.json
  - message-attachment.json
  - message-group.json
  - message-header-footer.json
  - message-scroller-anchoring-turns.json
  - message-scroller-animatinng.json
  - message-scroller-context-visible.json
  - message-scroller-group-chat.json
  - message-scroller-live-edge.json
  - message-scroller-load-history.json
  - message-scroller-position.json
  - message-scroller-reader-position.json
  - message-scroller-reading-state.json
  - message-scroller.json
  - message-with-avatar.json
  - message.json
  - metric-card.json
  - muted-item-group.json
  - native-select-disabled.json
  - native-select-groups.json
  - native-select-invalid.json
  - native-select.json
  - navigation-menu-basic.json
  - navigation-menu-mega.json
  - navigation-menu.json
  - notification-dropdown.json
  - outline-item-group.json
  - pagination-alignment.json
  - pagination-basic.json
  - pagination-icon.json
  - pagination-icons-only.json
  - pagination-simple.json
  - pagination-sizing.json
  - pagination-state.json
  - pagination.json
  - popover-alignments.json
  - popover-basic.json
  - popover-form.json
  - popover.json
  - profile-card.json
  - progress-animated-primary.json
  - progress-circular-with-label.json
  - progress-circular.json
  - progress-controlled.json
  - progress-gradient.json
  - progress-height.json
  - progress-label.json
  - progress-multiple.json
  - progress-solid-danger.json
  - progress-solid-dark.json
  - progress-solid-info.json
  - progress-solid-primary.json
  - progress-solid-secondary.json
  - progress-solid-success.json
  - progress-solid-warning.json
  - progress-striped-primary.json
  - progress-with-steps.json
  - progress-with-value.json
  - progress.json
  - project-overview-card.json
  - project-overview-item.json
  - project-tasks-card.json
  - radio-fields.json
  - radio-group-box.json
  - radio-group-choice-card.json
  - radio-group-colors.json
  - radio-group-description.json
  - radio-group-disabled.json
  - radio-group-fieldset.json
  - radio-group-invalid.json
  - radio-group-list.json
  - radio-group-sizes.json
  - radio-group.json
  - registry.json
  - repeat-customer-card.json
  - resizable-handle.json
  - resizable-vertical.json
  - resizable.json
  - scroll-area-basic.json
  - scroll-area-chat-scroller.json
  - scroll-area-horizontal.json
  - scroll-area-image-scroll.json
  - scroll-area-terminal-logs.json
  - scroll-area.json
  - search-bar.json
  - select-align-item.json
  - select-clearable.json
  - select-disabled.json
  - select-groups.json
  - select-invalid.json
  - select-scrollable.json
  - select-with-icons.json
  - select-with-status.json
  - select-with-users.json
  - select.json
  - separator-list.json
  - separator-menu.json
  - separator-stats.json
  - separator-vertical.json
  - separator.json
  - sheet-menu.json
  - sheet-no-close-button.json
  - sheet-side.json
  - sheet.json
  - sidebar-1.json
  - sidebar-2.json
  - sidebar-3.json
  - sidebar-controlled.json
  - sidebar-footer.json
  - sidebar-group-action.json
  - sidebar-group-collapsible.json
  - sidebar-group.json
  - sidebar-header.json
  - sidebar-menu-action.json
  - sidebar-menu-badge.json
  - sidebar-menu-collapsible.json
  - sidebar-menu-sub.json
  - sidebar-menu.json
  - sidebar-rsc.json
  - sidebar.json
  - skeleton-avatar.json
  - skeleton-card.json
  - skeleton-chart.json
  - skeleton-form.json
  - skeleton-list.json
  - skeleton-profile.json
  - skeleton-table.json
  - skeleton-text.json
  - skeleton.json
  - slider-color-options.json
  - slider-controlled.json
  - slider-disabled.json
  - slider-multiple.json
  - slider-range.json
  - slider-vertical.json
  - slider.json
  - sonner-action.json
  - sonner-custom.json
  - sonner-description.json
  - sonner-position.json
  - sonner-types.json
  - sonner.json
  - spinner-badge.json
  - spinner-bars-scale.json
  - spinner-border-danger.json
  - spinner-border-dark.json
  - spinner-border-info.json
  - spinner-border-primary.json
  - spinner-border-secondary.json
  - spinner-border-success.json
  - spinner-border-warning.json
  - spinner-button.json
  - spinner-custom.json
  - spinner-empty.json
  - spinner-growing-danger.json
  - spinner-growing-dark.json
  - spinner-growing-info.json
  - spinner-growing-primary.json
  - spinner-growing-secondary.json
  - spinner-growing-success.json
  - spinner-growing-warning.json
  - spinner-input-group.json
  - spinner-size-custom.json
  - spinner-size-small.json
  - spinner-size.json
  - spinner.json
  - switch-choice-card.json
  - switch-color-options.json
  - switch-description.json
  - switch-disabled.json
  - switch-invalid.json
  - switch-outline.json
  - switch-sizes.json
  - switch-square.json
  - switch-toggle-theme.json
  - switch.json
  - table-actions.json
  - table-footer.json
  - table-of-contents.json
  - table-users.json
  - table.json
  - tabs-basic.json
  - tabs-disabled.json
  - tabs-icons.json
  - tabs-line.json
  - tabs-pills.json
  - tabs-vertical-pills.json
  - tabs-vertical.json
  - tabs.json
  - task-list-item.json
  - textarea-button.json
  - textarea-character-count.json
  - textarea-disabled.json
  - textarea-feedback.json
  - textarea-field.json
  - textarea-helper-text.json
  - textarea-invalid.json
  - textarea-readonly.json
  - textarea.json
  - toggle-animated.json
  - toggle-disabled.json
  - toggle-group-disabled.json
  - toggle-group-filled-icon.json
  - toggle-group-font-weight-selector.json
  - toggle-group-outline.json
  - toggle-group-sizes.json
  - toggle-group-spacing.json
  - toggle-group-vertical.json
  - toggle-group.json
  - toggle-icon.json
  - toggle-outline.json
  - toggle-sizes.json
  - toggle-text.json
  - toggle.json
  - tooltip-custom-delay.json
  - tooltip-disabled.json
  - tooltip-keyboard.json
  - tooltip-sides.json
  - tooltip-status.json
  - tooltip.json
  - total-income-card.json
  - transaction-item.json
  - transactions-card.json
  - typography-blockquote.json
  - typography-h1.json
  - typography-h2.json
  - typography-h3.json
  - typography-h4.json
  - typography-h5.json
  - typography-h6.json
  - typography-inline-code.json
  - typography-italic.json
  - typography-large.json
  - typography-lead.json
  - typography-link.json
  - typography-list.json
  - typography-muted.json
  - typography-p.json
  - typography-small.json
  - typography-table.json
  - user-profile.json
  - welcome-banner.json
- file.svg
- globe.svg
- next.svg
- registry-index.json
- vercel.svg
- window.svg
- - error.tsx
  - favicon.ico
  - globals.css
  - layout.tsx
  - loading.tsx
  - not-found.tsx
  - page.tsx
  - robots.ts
  - sitemap.ts
- - app-sidebar.tsx
  - back-to-top.tsx
  - block-item.tsx
  - block-view.tsx
  - category-description.tsx
  - category-view.tsx
  - component-example.tsx
  - doc-bottom-nav.tsx
  - example.tsx
  - LazySection.tsx
  - Loader.tsx
  - message-animated.tsx
  - smooth-scroll.tsx
  - theme-provider.tsx
- - changelog-data.ts
- - use-copy-to-clipboard.ts
  - use-media-query.ts
  - use-mobile.ts
  - use-theme-radius.ts
- - ai.ts
  - utils.ts
- - GTag.jsx
  - index.jsx
  - MicrosoftClarity.jsx
  - Notify.jsx
- - build-catalog.mjs
  - generate-counts.mjs
  - generate-registry.mjs
  - split-pro-registry.mjs
  - split-registry-by-tier.mjs
  - sync-dir.mjs
- branding.json
- category-counts.json
- components-grid.ts
.env.development
.env.production
.gitattributes
.gitignore
.prettierignore
agent.md
components.json
CONTRIBUTING.md
eslint.config.mjs
LICENSE
next.config.ts
package-lock.json
package.json
postcss.config.mjs
prettier.config.cjs
README.md
registry.json
skills-lock.json
tsconfig.json
vitest.config.ts

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

uiable

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

uiable

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README