MiniDev UI

MiniDev UI

Docs

398 free · 71 premium. Hairline signature, Geist Sans, accent hue 285. Copy a path, open a playground, stay on-token.

Install

Local registry — copy files into your app, or import from the package path once published.

npx shadcn@latest add ./src/registry/ui/button.tsx
import { Button } from "@/registry/ui/button"

Design law

  • Geist Sans / Mono — never Inter
  • Accent hue 285 — semantic OKLCH tokens only
  • Hairline — 1px lines + top highlights; no blur shadows outside overlays
  • Audit gate — screenshots + axe before ship

Full spec lives in DESIGN.md.

Open galleryTry playground

UI

364

AccordionaccordionAccountSetupProgressaccount-setup-progressActivityFeedactivity-feedAddCardFormadd-card-formAdminStatStripadmin-stat-stripAdminUserRowadmin-user-rowAgentTraceagent-traceAiComposerai-composerAlertDialogalert-dialogAnnouncementBarannouncement-barApiKeyListapi-key-listAppShellapp-shellApprovalCardapproval-cardAreaChartarea-chartArtifactPreviewartifact-previewAspectRatioaspect-ratioAssignPickerassign-pickerAttachmentChipattachment-chipAudioPlayeraudio-playerAuditFilterBaraudit-filter-barAuditLogEntryaudit-log-entryAuditTrailaudit-trailAuthCardauth-cardAutocompleteautocompleteAvatarUploadavatar-uploadAvataravatarBackLinkback-linkBadgebadgeBannerbannerBarChartbar-chartBillingAddressbilling-addressBlogCardblog-cardBreadcrumbEllipsisbreadcrumb-ellipsisBreadcrumbbreadcrumbBuildPipelinebuild-pipelineBulkActionsBarbulk-actions-barBulkUserImportbulk-user-importButtonGroupbutton-groupButtonbuttonCalendarAgendacalendar-agendaCalendarMonthcalendar-monthCalloutcalloutCancelFlowcancel-flowCardcardCarouselcarouselCartLineItemcart-line-itemCaseStudyCardcase-study-cardCentercenterCharacterCountcharacter-countChartCardchart-cardChartLegendchart-legendChartTooltipCardchart-tooltip-cardChatThreadchat-threadCheckRunListcheck-run-listCheckboxGroupcheckbox-groupCheckboxcheckboxCheckoutSummarycheckout-summaryChipFilterchip-filterChoiceCardchoice-cardCitationChipcitation-chipClusterclusterCodeBlockcode-blockCodeEditorFramecode-editor-frameCollapsibleSidebarcollapsible-sidebarCollapsiblecollapsibleColorPickercolor-pickerColumnVisibilityMenucolumn-visibility-menuComboboxcomboboxCommandDialogcommand-dialogCommandItemcommand-itemCommandPalettecommand-paletteCommentComposercomment-composerCommentThreadcomment-threadCommitRowcommit-rowComparisonTablecomparison-tableConfirmDestructiveconfirm-destructiveConnectedAccountconnected-accountConsoleOutputconsole-outputContainercontainerContextChipcontext-chipContextMenucontext-menuContextPillcontext-pillConversationSidebarconversation-sidebarCookieBannercookie-bannerCopyButtoncopy-buttonCopyIdcopy-idCouponInputcoupon-inputCoverageMetercoverage-meterCreateApiKeycreate-api-keyCreditBalancecredit-balanceCtaBannercta-bannerCurrencyInputcurrency-inputDangerZonedanger-zoneDataTabledata-tableDatePickerdate-pickerDateRangePickerdate-range-pickerDeleteAccountConfirmdelete-account-confirmDensityToggledensity-toggleDescriptionListdescription-listDialogdialogDiffViewdiff-viewDonutChartdonut-chartDowngradeWarningdowngrade-warningDrawerdrawerDropdownMenudropdown-menuDueDateChipdue-date-chipEditableHeadingeditable-headingEmailButtonemail-buttonEmailCardemail-cardEmailFooteremail-footerEmailHeaderemail-headerEmailLayoutemail-layoutEmailPreviewFrameemail-preview-frameEmojiPickeremoji-pickerEmptySearchempty-searchEmptyStateempty-stateEmptyTableempty-tableEnvBadgeenv-badgeEnvSwitcherenv-switcherErrorStateerror-stateExpandableRowexpandable-rowExportDataexport-dataFacetFilterfacet-filterFaqListfaq-listFeatureFlagTogglefeature-flag-toggleFeatureGridfeature-gridFeedbackThumbsfeedback-thumbsFileDropzonefile-dropzoneFileListfile-listFileReferencefile-referenceFileRowfile-rowFilterBarfilter-barFloatingActionButtonfloating-action-buttonFooterMegafooter-megaFooterNavfooter-navForgotPasswordFormforgot-password-formFormFieldform-fieldFunnelStepsfunnel-stepsGanttRowgantt-rowGaugeChartgauge-chartGoalRinggoal-ringHeadingheadingHealthIndicatorhealth-indicatorHeatmapCellheatmap-cellHeroheroHorizontalBarCharthorizontal-bar-chartHoverCardhover-cardIconButtonicon-buttonImageGalleryimage-galleryImageLightboximage-lightboxImageUploadimage-uploadImpersonationBannerimpersonation-bannerIncidentBannerincident-bannerInlineAlertinline-alertInlineCellEditinline-cell-editInlineCodeDiffinline-code-diffInputAffixinput-affixInputinputInsetinsetIntegrationCardintegration-cardInviteMembersinvite-membersInvoiceDetailinvoice-detailInvoiceListinvoice-listIpAllowlistip-allowlistIssueCardissue-cardIssueKeyissue-keyJoinWorkspacejoin-workspaceJsonViewerjson-viewerKanbanBoardkanban-boardKanbanColumnkanban-columnKbdkbdKpiRowkpi-rowLabellabelLanguagePickerlanguage-pickerLatencyBadgelatency-badgeLineChartline-chartLinkPreviewlink-previewLinklinkListItemlist-itemLiveCursorsBarlive-cursors-barLoadingOverlayloading-overlayLoadingTableloading-tableLogoCloudlogo-cloudMagicLinkFormmagic-link-formMarkdownRenderermarkdown-rendererMarqueemarqueeMentionInputmention-inputMenubarmenubarMergeBoxmerge-boxMessageActionsmessage-actionsMessageBubblemessage-bubbleMetermeterMetricDeltametric-deltaMobileActionSheetmobile-action-sheetMobileNavDrawermobile-nav-drawerModelComparemodel-compareModelPickermodel-pickerMultiSelectmulti-selectNavMarketingnav-marketingNavigationMenunavigation-menuNestedNavnested-navNewsletterSignupnewsletter-signupNotFoundStatenot-found-stateNotebookCellnotebook-cellNotificationItemnotification-itemNotificationPreferencesnotification-preferencesNumberInputnumber-inputOfflineBanneroffline-bannerOfflineStateoffline-stateOnboardingChecklistonboarding-checklistOnboardingWizardonboarding-wizardOrderSummaryorder-summaryOrgSwitcherorg-switcherOtpInputotp-inputPageHeaderpage-headerPaginationpaginationPasswordInputpassword-inputPaymentMethodCardpayment-method-cardPeekPanelpeek-panelPermissionChippermission-chipPermissionDeniedpermission-deniedPhoneInputphone-inputPinnedMessagepinned-messagePlanCardplan-cardPlanComparisonplan-comparisonPopoverpopoverPresenceDotpresence-dotPressQuotepress-quotePricingTablepricing-tablePricingTogglepricing-togglePriorityPickerpriority-pickerProductCardproduct-cardProfileFormprofile-formProgressCircleprogress-circleProgressprogressPromptInputAttachmentsprompt-input-attachmentsPromptInputprompt-inputPromptLibraryprompt-libraryProseprosePublishBarpublish-barQuantityStepperquantity-stepperQueryBuilderquery-builderQuotaBarquota-barRadarChartradar-chartRadioGroupradio-groupRangeSliderrange-sliderRatingratingReactionBarreaction-barReadReceiptread-receiptReasoningBlockreasoning-blockReceiptreceiptRegenerateBarregenerate-barRegionPickerregion-pickerRelativeTimerelative-timeResetPasswordFormreset-password-formResizablePanelsresizable-panelsResourceQuotaGridresource-quota-gridRetryBlockretry-blockReviewRequestCardreview-request-cardRichTextToolbarrich-text-toolbarRolePermissionMatrixrole-permission-matrixRolePickerrole-pickerRowSelectionrow-selectionSavedViewssaved-viewsSchemaFieldRowschema-field-rowScrollAreascroll-areaSearchInputsearch-inputSearchWithResultssearch-with-resultsSeatManagerseat-managerSecretRevealsecret-revealSectionHeadersection-headerSegmentedControlsegmented-controlSelectselectSeparatorseparatorServerErrorStateserver-error-stateSessionListsession-listSettingsLayoutsettings-layoutSheetsheetShippingAddressshipping-addressShortcutCheatSheetshortcut-cheat-sheetSidebarSectionsidebar-sectionSidebarsidebarSignUpFormsign-up-formSkeletonskeletonSkipLinkskip-linkSlashCommandMenuslash-command-menuSlidersliderSocialAuthRowsocial-auth-rowSocialProofsocial-proofSortableHeadersortable-headerSourceCardsource-cardSparklineSetsparkline-setSpinnerspinnerSplitButtonsplit-buttonSplitPanesplit-paneSqlResultTablesql-result-tableSsoProviderCardsso-provider-cardStackTracestack-traceStackstackStackedBarChartstacked-bar-chartStatCardstat-cardStatSparklinestat-sparklineStatsStripstats-stripStatusBadgestatus-badgeStatusDotstatus-dotStepProgressstep-progressStepperstepperStickyBarsticky-barStickyColumnsticky-columnStopGeneratingstop-generatingStreakCalendarstreak-calendarStreamingCursorstreaming-cursorStreamingMessagestreaming-messageSuggestionChipssuggestion-chipsSwitchswitchTablePaginationtable-paginationTableToolbartable-toolbarTabletableTabstabsTagsInputtags-inputTaxFieldstax-fieldsTeamMemberRowteam-member-rowTerminalWindowterminal-windowTestimonialtestimonialTexttextTextareatextareaThemePickertheme-pickerThinkingBlockthinking-blockTimePickertime-pickerTimelinetimelineToasttoastToctocToggleGrouptoggle-groupToggletoggleTokenUsageMetertoken-usage-meterToolCallCardtool-call-cardToolCallCollapsedtool-call-collapsedToolResultPaneltool-result-panelTooltiptooltipTopbartopbarTraceWaterfalltrace-waterfallTreeViewtree-viewTrialBannertrial-bannerTwoFactorSetuptwo-factor-setupTwoFactorVerifytwo-factor-verifyTypingIndicatortyping-indicatorUpgradePromptupgrade-promptUptimeBaruptime-barUsageBreakdownusage-breakdownUsageMeterusage-meterUserChipuser-chipVersionBadgeversion-badgeVerticalTabsvertical-tabsVideoPlayerChromevideo-player-chromeVirtualizedListvirtualized-listVisuallyHiddenvisually-hiddenVoteControlvote-controlWaffleChartwaffle-chartWebhookListwebhook-listWelcomeScreenwelcome-screenWellwellWindowChromewindow-chromeWishlistButtonwishlist-buttonWorkspaceCreateworkspace-create

Blocks

34

AdminConsoleadmin-consoleAdminOverviewadmin-overviewAnalyticsPageanalytics-pageApiDocsPageapi-docs-pageBillingPagebilling-pageChangelogPagechangelog-pageChatPagechat-pageCommandCentercommand-centerCommerceCheckoutcommerce-checkoutDashboardHomedashboard-homeDocsPagedocs-pageEmptyWorkspaceempty-workspaceEngineeringConsoleengineering-consoleFeatureFlagsfeature-flagsFormWizardform-wizardInboxPageinbox-pageLogsViewerlogs-viewerMarketingLandingmarketing-landingMediaLibrarymedia-libraryNotificationCenternotification-centerOnboardingFlowonboarding-flowPremiumLandingpremium-landingProjectDetailproject-detailProjectListproject-listReportBuilderreport-builderSaasMarketingPagesaas-marketing-pageSearchResultsPagesearch-results-pageSettingsPagesettings-pageSignInPagesign-in-pageStatusPagestatus-pageSupportInboxsupport-inboxUserDetailuser-detailUsersTablePageusers-table-pageWorkflowBoardworkflow-board

Premium

71

AgencyPortfolioagency-portfolioAnimatedFeatureRowanimated-feature-rowBeforeAfterWipebefore-after-wipeBlogHomeblog-homeBrandKitPagebrand-kit-pageCardTiltcard-tiltCareersPagecareers-pageChangelogMarketingchangelog-marketingChangelogMotionchangelog-motionClientPitchKitclient-pitch-kitCommandWaitlistcommand-waitlistContactSalescontact-salesCtaGlowcta-glowCursorSpotlightPanelcursor-spotlight-panelDeviceFrameStackdevice-frame-stackDocsMarketingdocs-marketingEmailReceiptemail-receiptEmailWelcomeemail-welcomeFaqAccordionMotionfaq-accordion-motionFeatureBentoMotionfeature-bento-motionFeatureComparisonfeature-comparisonFilmstripScrubfilmstrip-scrubFlipStatBoardflip-stat-boardFreePremiumComparefree-premium-compareGridRevealgrid-revealHeroAurorahero-auroraHeroBentohero-bentoHeroClientPitchhero-client-pitchHeroEditorialSplithero-editorial-splitHeroGradientMeshhero-gradient-meshHeroKineticTypehero-kinetic-typeHeroMarqueeBrandshero-marquee-brandsHeroPosterTypehero-poster-typeHeroSplitShowcasehero-split-showcaseHeroTypedHeadlinehero-typed-headlineHorizontalProductRailhorizontal-product-railInvestorUpdateinvestor-updateLaunchCountdownlaunch-countdownLiveComponentRaillive-component-railLogoWallMotionlogo-wall-motionMagneticCtamagnetic-ctaMarqueeQuotesmarquee-quotesMaskedGradientHeadlinemasked-gradient-headlineMetricTickerBoardmetric-ticker-boardMorphPricemorph-priceOnboardingMotiononboarding-motionOrbitLogoClusterorbit-logo-clusterParallaxPanelparallax-panelPinScrollGallerypin-scroll-galleryPricingKineticpricing-kineticPricingMotionpricing-motionPricingPagepricing-pageProductLaunchproduct-launchProductOsMockproduct-os-mockProductTourproduct-tourSaasLandingsaas-landingScrollChapterStoryscroll-chapter-storyScrollProgressRailscroll-progress-railScrollRevealscroll-revealSoftStacksoft-stackSplitProofPanelsplit-proof-panelStackRevealStorystack-reveal-storyStatsCounterstats-counterStatusMarketingstatus-marketingStickyCtaBarsticky-cta-barStickyFeatureStorysticky-feature-storyTestimonialCarouseltestimonial-carouselTextScrambletext-scrambleTypographicMarqueetypographic-marqueeWaitlistHerowaitlist-heroWaveformHerowaveform-hero