Accordion
A collapsible for displaying content.
npx shadcn@latest add @dakik/accordion// shadcn registry
Production-ready React components, installable straight from the shadcn CLI. Drop them in and ship.
npx shadcn@latest add @dakik/buttonA collapsible for displaying content.
npx shadcn@latest add @dakik/accordionDisplay an action bar for selected items.
npx shadcn@latest add @dakik/action-barDisplays an alert for user attention.
npx shadcn@latest add @dakik/alertDialog for displaying important content.
npx shadcn@latest add @dakik/alert-dialogInline notice for short, prominent updates.
npx shadcn@latest add @dakik/announcementWrapper that maintains aspect ratio for content.
npx shadcn@latest add @dakik/aspect-ratioDisplays a searchable list of options.
npx shadcn@latest add @dakik/autocompleteDisplays a user's profile image with fallback.
npx shadcn@latest add @dakik/avatarA badge or an element styled as a badge.
npx shadcn@latest add @dakik/badgeFixed bottom nav for mobile-first apps.
npx shadcn@latest add @dakik/bottom-navigationShows user location within a hierarchy.
npx shadcn@latest add @dakik/breadcrumbA button or an element styled as a button.
npx shadcn@latest add @dakik/buttonGroup button elements together.
npx shadcn@latest add @dakik/button-groupSelect a date or a range of dates.
npx shadcn@latest add @dakik/calendarDisplays content about a single subject.
npx shadcn@latest add @dakik/cardLets users cycle through a series of items.
npx shadcn@latest add @dakik/carouselVisualize data with beautiful charts.
npx shadcn@latest add @dakik/chartControl for multiple selections in a set.
npx shadcn@latest add @dakik/checkboxShows task progress with a circular indicator.
npx shadcn@latest add @dakik/circular-progressCircular slider for selecting values.
npx shadcn@latest add @dakik/circular-sliderCopy text to the clipboard.
npx shadcn@latest add @dakik/clipboardCollapsible content in a vertical stack.
npx shadcn@latest add @dakik/collapsiblePick colors with hue and alpha controls.
npx shadcn@latest add @dakik/color-pickerDisplays a searchable list of options.
npx shadcn@latest add @dakik/comboboxSearchable command input with filtering.
npx shadcn@latest add @dakik/commandA menu shown on right-click.
npx shadcn@latest add @dakik/context-menuA list of label-value pairs.
npx shadcn@latest add @dakik/data-listInput with a built-in calendar.
npx shadcn@latest add @dakik/date-pickerA dialog for displaying content.
npx shadcn@latest add @dakik/dialogA sliding panel with swipe support.
npx shadcn@latest add @dakik/drawerAllows user to edit text in-place.
npx shadcn@latest add @dakik/editableContainer for inputs, labels, and helper text.
npx shadcn@latest add @dakik/fieldA component that allows users to upload files.
npx shadcn@latest add @dakik/file-uploadAnchor an element to the edge of a container.
npx shadcn@latest add @dakik/floatDisplays content in a floating window.
npx shadcn@latest add @dakik/floating-panelBordered box for grouping related content.
npx shadcn@latest add @dakik/frameMinimal tooltip for showing information.
npx shadcn@latest add @dakik/hintPopover that appears on hover.
npx shadcn@latest add @dakik/hover-cardCrop and transform images.
npx shadcn@latest add @dakik/image-cropperA field that allows users to enter text.
npx shadcn@latest add @dakik/inputGroup input elements together.
npx shadcn@latest add @dakik/input-groupAccessible one-time password input.
npx shadcn@latest add @dakik/input-otpA versatile component for displaying content.
npx shadcn@latest add @dakik/itemStyled representation of a single key.
npx shadcn@latest add @dakik/kbdMakes the whole card or article clickable.
npx shadcn@latest add @dakik/link-overlaySelect a single or multiple items from a list.
npx shadcn@latest add @dakik/listboxScrolls items in a horizontal container.
npx shadcn@latest add @dakik/marqueeList of options on button interaction.
npx shadcn@latest add @dakik/menuStyled native HTML select element.
npx shadcn@latest add @dakik/native-selectNumeric input for entering values.
npx shadcn@latest add @dakik/number-inputNavigate through a list of items.
npx shadcn@latest add @dakik/paginationA field for entering secure text.
npx shadcn@latest add @dakik/password-inputOverlay with extra info or options on trigger.
npx shadcn@latest add @dakik/popoverDisplays task progress with a linear indicator.
npx shadcn@latest add @dakik/progressTypography styles for HTML content.
npx shadcn@latest add @dakik/proseDisplays a QR code.
npx shadcn@latest add @dakik/qr-codeAllows single selection from multiple options.
npx shadcn@latest add @dakik/radio-groupShow reviews and ratings in a visual format.
npx shadcn@latest add @dakik/ratingDivides the interface into resizable sections.
npx shadcn@latest add @dakik/resizableCustom scrollable area with styled scrollbars.
npx shadcn@latest add @dakik/scroll-areaFollows the selected item.
npx shadcn@latest add @dakik/segment-groupDisplays a list of options.
npx shadcn@latest add @dakik/selectVisually separate content with a line.
npx shadcn@latest add @dakik/separatorContent that slides in from the screen edge.
npx shadcn@latest add @dakik/sheetA sidebar for navigation and app structure.
npx shadcn@latest add @dakik/sidebarCapture hand-drawn signatures.
npx shadcn@latest add @dakik/signature-padDisplays a loading state.
npx shadcn@latest add @dakik/skeletonLets keyboard users skip to main content.
npx shadcn@latest add @dakik/skip-navA slider for selecting a value from a range.
npx shadcn@latest add @dakik/sliderA spinner for displaying a loading state.
npx shadcn@latest add @dakik/spinnerColor-coded status for process or state.
npx shadcn@latest add @dakik/statusSteps in a wizard-like format.
npx shadcn@latest add @dakik/stepsA switch for toggling a binary state.
npx shadcn@latest add @dakik/switchA responsive table component.
npx shadcn@latest add @dakik/tableA tabs for navigating between content.
npx shadcn@latest add @dakik/tabsAllows users to add tags to an input field.
npx shadcn@latest add @dakik/tags-inputForm textarea or textarea-styled component.
npx shadcn@latest add @dakik/textareaCountdown or stopwatch with controls.
npx shadcn@latest add @dakik/timerProvides feedback on an action.
npx shadcn@latest add @dakik/toastTwo-state button that can be toggled on or off.
npx shadcn@latest add @dakik/toggleToggle buttons for selecting a value.
npx shadcn@latest add @dakik/toggle-groupDisplay information on click.
npx shadcn@latest add @dakik/toggle-tooltipDisplay information on hover or focus.
npx shadcn@latest add @dakik/tooltipDisplays a guided tour of the application.
npx shadcn@latest add @dakik/tourHierarchical data in a tree structure.
npx shadcn@latest add @dakik/tree-viewHook that tracks whether the viewport is below the mobile breakpoint.
npx shadcn@latest add @dakik/use-is-mobileTailwind class-merge helper (clsx + tailwind-merge).
npx shadcn@latest add @dakik/utils