S
shadcnuikit
Accordionaccordion1A vertically stacked set of interactive headings that each reveal a section of content.
Accordionaccordion10Accordion built with shadcn/ui.
Accordionaccordion11Accordion built with shadcn/ui.
Accordionaccordion12Accordion built with shadcn/ui.
Accordionaccordion2A vertically stacked set of interactive headings that each reveal a section of content.
Accordionaccordion3A vertically stacked set of interactive headings that each reveal a section of content.
Accordionaccordion4Accordion built with shadcn/ui.
Accordionaccordion5Accordion built with shadcn/ui.
Accordionaccordion6Accordion built with shadcn/ui.
Accordionaccordion7Accordion built with shadcn/ui.
Accordionaccordion8Accordion built with shadcn/ui.
Accordionaccordion9Accordion built with shadcn/ui.
Alert dialogalert-dialog1A modal dialog that interrupts the user with important content and expects a response.
Alert dialogalert-dialog10Alert dialog built with shadcn/ui.
Alert dialogalert-dialog11Alert dialog built with shadcn/ui.
Alert dialogalert-dialog12Alert dialog built with shadcn/ui.
Alert dialogalert-dialog13Alert dialog built with shadcn/ui.
Alert dialogalert-dialog14Alert dialog built with shadcn/ui.
Alert dialogalert-dialog15Alert dialog built with shadcn/ui.
Alert dialogalert-dialog16Alert dialog built with shadcn/ui.
Alert dialogalert-dialog2A modal dialog that interrupts the user with important content and expects a response.
Alert dialogalert-dialog3A modal dialog that interrupts the user with important content and expects a response.
Alert dialogalert-dialog4A modal dialog that interrupts the user with important content and expects a response.
Alert dialogalert-dialog5Alert dialog built with shadcn/ui.
Alert dialogalert-dialog6Alert dialog built with shadcn/ui.
Alert dialogalert-dialog7Alert dialog built with shadcn/ui.
Alert dialogalert-dialog8Alert dialog built with shadcn/ui.
Alert dialogalert-dialog9Alert dialog built with shadcn/ui.
Alertalert1Displays a callout for user attention.
Alertalert10Alert built with shadcn/ui.
Alertalert11Alert built with shadcn/ui.
Alertalert12Alert built with shadcn/ui.
Alertalert13Alert built with shadcn/ui.
Alertalert14Alert built with shadcn/ui.
Alertalert15Alert built with shadcn/ui.
Alertalert2Displays a callout for user attention.
Alertalert3Displays a callout for user attention.
Alertalert4Displays a callout for user attention.
Alertalert5Displays a callout for user attention.
Alertalert6Displays a callout for user attention.
Alertalert7Alert built with shadcn/ui.
Alertalert8Alert built with shadcn/ui.
Alertalert9Alert built with shadcn/ui.
Attachmentattachment1A component for displaying file attachments with media previews, upload states, and actions.
Attachmentattachment2A component for displaying file attachments with media previews, upload states, and actions.
Attachmentattachment3A component for displaying file attachments with media previews, upload states, and actions.
Attachmentattachment4A component for displaying file attachments with media previews, upload states, and actions.
Attachmentattachment5Attachment built with shadcn/ui.
Autocompleteautocomplete1A text field that allows users to select an option from a list.
Autocompleteautocomplete2A text field that allows users to select an option from a list.
Autocompleteautocomplete3A text field that allows users to select an option from a list.
Autocompleteautocomplete4A text field that allows users to select an option from a list.
Autocompleteautocomplete5Autocomplete built with shadcn/ui.
Avataravatar1An image element with a fallback for representing the user.
Avataravatar10Avatar built with shadcn/ui.
Avataravatar11Avatar built with shadcn/ui.
Avataravatar12Avatar built with shadcn/ui.
Avataravatar13Avatar built with shadcn/ui.
Avataravatar14Avatar built with shadcn/ui.
Avataravatar15Avatar built with shadcn/ui.
Avataravatar16Avatar built with shadcn/ui.
Avataravatar17Avatar built with shadcn/ui.
Avataravatar18Avatar built with shadcn/ui.
Avataravatar19Avatar built with shadcn/ui.
Avataravatar2An image element with a fallback for representing the user.
Avataravatar20Avatar built with shadcn/ui.
Avataravatar21Avatar built with shadcn/ui.
Avataravatar3An image element with a fallback for representing the user.
Avataravatar4An image element with a fallback for representing the user.
Avataravatar5Avatar built with shadcn/ui.
Avataravatar6Avatar built with shadcn/ui.
Avataravatar7Avatar built with shadcn/ui.
Avataravatar8Avatar built with shadcn/ui.
Avataravatar9Avatar built with shadcn/ui.
Badgebadge1Displays a badge or a component that looks like a badge.
Badgebadge10Badge built with shadcn/ui.
Badgebadge11Badge built with shadcn/ui.
Badgebadge12Badge built with shadcn/ui.
Badgebadge2Displays a badge or a component that looks like a badge.
Badgebadge3Displays a badge or a component that looks like a badge.
Badgebadge4Displays a badge or a component that looks like a badge.
Badgebadge5Displays a badge or a component that looks like a badge.
Badgebadge6Displays a badge or a component that looks like a badge.
Badgebadge7Badge built with shadcn/ui.
Badgebadge8Badge built with shadcn/ui.
Badgebadge9Badge built with shadcn/ui.
Breadcrumbbreadcrumb1Displays the path to the current resource using a hierarchy of links.
Breadcrumbbreadcrumb2Displays the path to the current resource using a hierarchy of links.
Breadcrumbbreadcrumb3Displays the path to the current resource using a hierarchy of links.
Breadcrumbbreadcrumb4Displays the path to the current resource using a hierarchy of links.
Breadcrumbbreadcrumb5Displays the path to the current resource using a hierarchy of links.
Breadcrumbbreadcrumb6Breadcrumb built with shadcn/ui.
Bubblebubble1Chat bubble components for displaying messages with grouping, alignment, and reactions.
Button groupbutton-group1A container that groups related buttons together with consistent styling.
Button groupbutton-group10Button group built with shadcn/ui.
Button groupbutton-group11Button group built with shadcn/ui.
Button groupbutton-group12Button group built with shadcn/ui.
Button groupbutton-group13Button group built with shadcn/ui.
Button groupbutton-group14Button group built with shadcn/ui.
Button groupbutton-group15Button group built with shadcn/ui.
Button groupbutton-group16Button group built with shadcn/ui.
Button groupbutton-group17Button group built with shadcn/ui.
Button groupbutton-group18Button group built with shadcn/ui.
Button groupbutton-group19Button group built with shadcn/ui.
Button groupbutton-group2A container that groups related buttons together with consistent styling.
Button groupbutton-group20Button group built with shadcn/ui.
Button groupbutton-group3A container that groups related buttons together with consistent styling.
Button groupbutton-group4A container that groups related buttons together with consistent styling.
Button groupbutton-group5A container that groups related buttons together with consistent styling.
Button groupbutton-group6Button group built with shadcn/ui.
Button groupbutton-group7Button group built with shadcn/ui.
Button groupbutton-group8Button group built with shadcn/ui.
Button groupbutton-group9Button group built with shadcn/ui.
Buttonbutton1Displays a button or a component that looks like a button.
Buttonbutton10Button built with shadcn/ui.
Buttonbutton11Button built with shadcn/ui.
Buttonbutton12Button built with shadcn/ui.
Buttonbutton13Button built with shadcn/ui.
Buttonbutton14Button built with shadcn/ui.
Buttonbutton15Button built with shadcn/ui.
Buttonbutton16Button built with shadcn/ui.
Buttonbutton17Button built with shadcn/ui.
Buttonbutton18Button built with shadcn/ui.
Buttonbutton19Button built with shadcn/ui.
Buttonbutton2Displays a button or a component that looks like a button.
Buttonbutton20Button built with shadcn/ui.
Buttonbutton21Button built with shadcn/ui.
Buttonbutton22Button built with shadcn/ui.
Buttonbutton23Button built with shadcn/ui.
Buttonbutton24Button built with shadcn/ui.
Buttonbutton25Button built with shadcn/ui.
Buttonbutton26Button built with shadcn/ui.
Buttonbutton27Button built with shadcn/ui.
Buttonbutton3Displays a button or a component that looks like a button.
Buttonbutton4Displays a button or a component that looks like a button.
Buttonbutton5Displays a button or a component that looks like a button.
Buttonbutton6Displays a button or a component that looks like a button.
Buttonbutton7Button built with shadcn/ui.
Buttonbutton8Button built with shadcn/ui.
Buttonbutton9Button built with shadcn/ui.
Calendarcalendar1A calendar component that allows users to select a date or a range of dates.
Calendarcalendar10Calendar built with shadcn/ui.
Calendarcalendar11Calendar built with shadcn/ui.
Calendarcalendar12Calendar built with shadcn/ui.
Calendarcalendar13Calendar built with shadcn/ui.
Calendarcalendar14Calendar built with shadcn/ui.
Calendarcalendar15Calendar built with shadcn/ui.
Calendarcalendar2A calendar component that allows users to select a date or a range of dates.
Calendarcalendar3A calendar component that allows users to select a date or a range of dates.
Calendarcalendar4A calendar component that allows users to select a date or a range of dates.
Calendarcalendar5A calendar component that allows users to select a date or a range of dates.
Calendarcalendar6Calendar built with shadcn/ui.
Calendarcalendar7Calendar built with shadcn/ui.
Calendarcalendar8Calendar built with shadcn/ui.
Calendarcalendar9Calendar built with shadcn/ui.
Cardcard1Displays a card with header, content, and footer.
Cardcard2Displays a card with header, content, and footer.
Cardcard3Displays a card with header, content, and footer.
Cardcard4Displays a card with header, content, and footer.
Cardcard5Displays a card with header, content, and footer.
Cardcard6Card built with shadcn/ui.
Cardcard7Card built with shadcn/ui.
Cardcard8Card built with shadcn/ui.
Carouselcarousel1A carousel with motion and swipe built using Embla Carousel.
Carouselcarousel10Carousel built with shadcn/ui.
Carouselcarousel11Carousel built with shadcn/ui.
Carouselcarousel12Carousel built with shadcn/ui.
Carouselcarousel2A carousel with motion and swipe built using Embla Carousel.
Carouselcarousel3A carousel with motion and swipe built using Embla Carousel.
Carouselcarousel4A carousel with motion and swipe built using Embla Carousel.
Carouselcarousel5Carousel built with shadcn/ui.
Carouselcarousel6Carousel built with shadcn/ui.
Carouselcarousel7Carousel built with shadcn/ui.
Carouselcarousel8Carousel built with shadcn/ui.
Carouselcarousel9Carousel built with shadcn/ui.
Checkboxcheckbox1A control that allows the user to toggle between checked and not checked.
Checkboxcheckbox10Checkbox built with shadcn/ui.
Checkboxcheckbox11Checkbox built with shadcn/ui.
Checkboxcheckbox12Checkbox built with shadcn/ui.
Checkboxcheckbox13Checkbox built with shadcn/ui.
Checkboxcheckbox2A control that allows the user to toggle between checked and not checked.
Checkboxcheckbox3A control that allows the user to toggle between checked and not checked.
Checkboxcheckbox4A control that allows the user to toggle between checked and not checked.
Checkboxcheckbox5A control that allows the user to toggle between checked and not checked.
Checkboxcheckbox6Checkbox built with shadcn/ui.
Checkboxcheckbox7Checkbox built with shadcn/ui.
Checkboxcheckbox8Checkbox built with shadcn/ui.
Checkboxcheckbox9Checkbox built with shadcn/ui.
Collapsiblecollapsible1An interactive component which expands/collapses a panel.
Collapsiblecollapsible2An interactive component which expands/collapses a panel.
Collapsiblecollapsible3An interactive component which expands/collapses a panel.
Collapsiblecollapsible4An interactive component which expands/collapses a panel.
Collapsiblecollapsible5Collapsible built with shadcn/ui.
Collapsiblecollapsible6Collapsible built with shadcn/ui.
Collapsiblecollapsible7Collapsible built with shadcn/ui.
Collapsiblecollapsible8Collapsible built with shadcn/ui.
Comboboxcombobox1Autocomplete input and command palette with a list of suggestions.
Comboboxcombobox10Combobox built with shadcn/ui.
Comboboxcombobox11Combobox built with shadcn/ui.
Comboboxcombobox12Combobox built with shadcn/ui.
Comboboxcombobox2Autocomplete input and command palette with a list of suggestions.
Comboboxcombobox3Autocomplete input and command palette with a list of suggestions.
Comboboxcombobox4Autocomplete input and command palette with a list of suggestions.
Comboboxcombobox5Combobox built with shadcn/ui.
Comboboxcombobox6Combobox built with shadcn/ui.
Comboboxcombobox7Combobox built with shadcn/ui.
Comboboxcombobox8Combobox built with shadcn/ui.
Comboboxcombobox9Combobox built with shadcn/ui.
Commandcommand1Command menu for search and quick actions.
Commandcommand2Command menu for search and quick actions.
Commandcommand3Command menu for search and quick actions.
Commandcommand4Command menu for search and quick actions.
Commandcommand5Command menu for search and quick actions.
Commandcommand6Command built with shadcn/ui.
Commandcommand7Command built with shadcn/ui.
Commandcommand8Command built with shadcn/ui.
Commandcommand9Command built with shadcn/ui.
Context menucontext-menu1A context menu is a menu that appears when the user right-clicks on an element.
Data tabledata-table1Powerful table and datagrids built using TanStack Table.
Data tabledata-table2Powerful table and datagrids built using TanStack Table.
Data tabledata-table3Powerful table and datagrids built using TanStack Table.
Data tabledata-table4Powerful table and datagrids built using TanStack Table.
Data tabledata-table5Data table built with shadcn/ui.
Data tabledata-table6Data table built with shadcn/ui.
Drawerdrawer1A drawer is a panel that slides in from the side of the screen.
Drawerdrawer2A drawer is a panel that slides in from the side of the screen.
Drawerdrawer3A drawer is a panel that slides in from the side of the screen.
Drawerdrawer4A drawer is a panel that slides in from the side of the screen.
Drawerdrawer5A drawer is a panel that slides in from the side of the screen.
Drawerdrawer6A drawer is a panel that slides in from the side of the screen.
Dropdown menudropdown-menu1A dropdown menu is a menu that appears when the user clicks on a button.
Dropdown menudropdown-menu10Dropdown menu built with shadcn/ui.
Dropdown menudropdown-menu11Dropdown menu built with shadcn/ui.
Dropdown menudropdown-menu12Dropdown menu built with shadcn/ui.
Dropdown menudropdown-menu2A dropdown menu is a menu that appears when the user clicks on a button.
Dropdown menudropdown-menu3A dropdown menu is a menu that appears when the user clicks on a button.
Dropdown menudropdown-menu4A dropdown menu is a menu that appears when the user clicks on a button.
Dropdown menudropdown-menu5A dropdown menu is a menu that appears when the user clicks on a button.
Dropdown menudropdown-menu6Dropdown menu built with shadcn/ui.
Dropdown menudropdown-menu7Dropdown menu built with shadcn/ui.
Dropdown menudropdown-menu8Dropdown menu built with shadcn/ui.
Dropdown menudropdown-menu9Dropdown menu built with shadcn/ui.
Emptyempty1An empty state component.
Emptyempty2An empty state component.
Emptyempty3An empty state component.
Emptyempty4An empty state component.
Emptyempty5An empty state component.
Emptyempty6Empty built with shadcn/ui.
Emptyempty7Empty built with shadcn/ui.
Emptyempty8Empty built with shadcn/ui.
Fieldfield1A field is a form control that allows the user to enter a value.
Fieldfield10Field built with shadcn/ui.
Fieldfield2A field is a form control that allows the user to enter a value.
Fieldfield3A field is a form control that allows the user to enter a value.
Fieldfield4A field is a form control that allows the user to enter a value.
Fieldfield5A field is a form control that allows the user to enter a value.
Fieldfield6A field is a form control that allows the user to enter a value.
Fieldfield7Field built with shadcn/ui.
Fieldfield8Field built with shadcn/ui.
Fieldfield9Field built with shadcn/ui.
Hover cardhover-card1A hover card is a card that appears when the user hovers over an element.
Hover cardhover-card2A hover card is a card that appears when the user hovers over an element.
Hover cardhover-card3A hover card is a card that appears when the user hovers over an element.
Inputinput-component26Input built with shadcn/ui.
Inputinput1A text input with a label, placeholder, and helper text.
Inputinput10Input built with shadcn/ui.
Inputinput11Input built with shadcn/ui.
Inputinput12Input built with shadcn/ui.
Inputinput13Input built with shadcn/ui.
Inputinput14Input built with shadcn/ui.
Inputinput15Input built with shadcn/ui.
Inputinput16Input built with shadcn/ui.
Inputinput17Input built with shadcn/ui.
Inputinput18Input built with shadcn/ui.
Inputinput19Input built with shadcn/ui.
Inputinput2A text input with a label, placeholder, and helper text.
Inputinput20Input built with shadcn/ui.
Inputinput21Input built with shadcn/ui.
Inputinput22Input built with shadcn/ui.
Inputinput23Input built with shadcn/ui.
Inputinput24Input built with shadcn/ui.
Inputinput25Input built with shadcn/ui.
Inputinput3A text input with a label, placeholder, and helper text.
Inputinput4A text input with a label, placeholder, and helper text.
Inputinput5A text input with a label, placeholder, and helper text.
Inputinput6A text input with a label, placeholder, and helper text.
Inputinput7Input built with shadcn/ui.
Inputinput8Input built with shadcn/ui.
Inputinput9Input built with shadcn/ui.
Itemitem1A versatile component for displaying content with media, title, description, and actions.
Itemitem10Item built with shadcn/ui.
Itemitem2A versatile component for displaying content with media, title, description, and actions.
Itemitem3A versatile component for displaying content with media, title, description, and actions.
Itemitem4A versatile component for displaying content with media, title, description, and actions.
Itemitem5A versatile component for displaying content with media, title, description, and actions.
Itemitem6Item built with shadcn/ui.
Itemitem7Item built with shadcn/ui.
Itemitem8Item built with shadcn/ui.
Itemitem9Item built with shadcn/ui.
Menubarmenubar1A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
Native selectnative-select1Native select built with shadcn/ui.
Native selectnative-select2Native select built with shadcn/ui.
Native selectnative-select3Native select built with shadcn/ui.
Native selectnative-select4Native select built with shadcn/ui.
Native selectnative-select5Native select built with shadcn/ui.
Native selectnative-select6Native select built with shadcn/ui.
Native selectnative-select7Native select built with shadcn/ui.
Native selectnative-select8Native select built with shadcn/ui.
Native selectnative-select9Native select built with shadcn/ui.
Navigation menunavigation-menu-component3Navigation menu built with shadcn/ui.
Navigation menunavigation-menu2A collection of links for navigating websites.
Navigation menunavigation-menu3A collection of links for navigating websites.
Navigation menunavigation-menu4A collection of links for navigating websites.
Paginationpagination1Pagination with page navigation, next and previous links.
Paginationpagination10Pagination built with shadcn/ui.
Paginationpagination11Pagination built with shadcn/ui.
Paginationpagination12Pagination built with shadcn/ui.
Paginationpagination2Pagination with page navigation, next and previous links.
Paginationpagination3Pagination with page navigation, next and previous links.
Paginationpagination4Pagination with page navigation, next and previous links.
Paginationpagination5Pagination with page navigation, next and previous links.
Paginationpagination6Pagination built with shadcn/ui.
Paginationpagination7Pagination built with shadcn/ui.
Paginationpagination8Pagination built with shadcn/ui.
Paginationpagination9Pagination built with shadcn/ui.
Popoverpopover1Displays rich content in a portal, triggered by a button.
Popoverpopover2Displays rich content in a portal, triggered by a button.
Popoverpopover3Displays rich content in a portal, triggered by a button.
Popoverpopover4Displays rich content in a portal, triggered by a button.
Popoverpopover5Displays rich content in a portal, triggered by a button.
Popoverpopover6Displays rich content in a portal, triggered by a button.
Progressprogress1Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Progressprogress10Progress built with shadcn/ui.
Progressprogress2Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Progressprogress3Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Progressprogress4Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Progressprogress5Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Progressprogress6Progress built with shadcn/ui.
Progressprogress7Progress built with shadcn/ui.
Progressprogress8Progress built with shadcn/ui.
Progressprogress9Progress built with shadcn/ui.
Radio groupradio-group1A group of radio buttons that allows the user to select a single option from a list.
Radio groupradio-group10Radio group built with shadcn/ui.
Radio groupradio-group11Radio group built with shadcn/ui.
Radio groupradio-group12Radio group built with shadcn/ui.
Radio groupradio-group13Radio group built with shadcn/ui.
Radio groupradio-group14Radio group built with shadcn/ui.
Radio groupradio-group15Radio group built with shadcn/ui.
Radio groupradio-group2A group of radio buttons that allows the user to select a single option from a list.
Radio groupradio-group3A group of radio buttons that allows the user to select a single option from a list.
Radio groupradio-group4A group of radio buttons that allows the user to select a single option from a list.
Radio groupradio-group5A group of radio buttons that allows the user to select a single option from a list.
Radio groupradio-group6Radio group built with shadcn/ui.
Radio groupradio-group7Radio group built with shadcn/ui.
Radio groupradio-group8Radio group built with shadcn/ui.
Radio groupradio-group9Radio group built with shadcn/ui.
Scroll areascroll-area1A scroll area is a container that allows the user to scroll through a large amount of content.
Scroll areascroll-area2A scroll area is a container that allows the user to scroll through a large amount of content.
Scroll areascroll-area3A scroll area is a container that allows the user to scroll through a large amount of content.
Scroll areascroll-area4A scroll area is a container that allows the user to scroll through a large amount of content.
Scroll areascroll-area5Scroll area built with shadcn/ui.
Scroll areascroll-area6Scroll area built with shadcn/ui.
Selectselect1A select is a form control that allows the user to select a value from a list of options.
Selectselect10Select built with shadcn/ui.
Selectselect11Select built with shadcn/ui.
Selectselect12Select built with shadcn/ui.
Selectselect13Select built with shadcn/ui.
Selectselect14Select built with shadcn/ui.
Selectselect15Select built with shadcn/ui.
Selectselect2A select is a form control that allows the user to select a value from a list of options.
Selectselect3A select is a form control that allows the user to select a value from a list of options.
Selectselect4A select is a form control that allows the user to select a value from a list of options.
Selectselect5Select built with shadcn/ui.
Selectselect6Select built with shadcn/ui.
Selectselect7Select built with shadcn/ui.
Selectselect8Select built with shadcn/ui.
Selectselect9Select built with shadcn/ui.
Separatorseparator1Visually or semantically separates content.
Separatorseparator10Separator built with shadcn/ui.
Separatorseparator11Separator built with shadcn/ui.
Separatorseparator12Separator built with shadcn/ui.
Separatorseparator13Separator built with shadcn/ui.
Separatorseparator14Separator built with shadcn/ui.
Separatorseparator15Separator built with shadcn/ui.
Separatorseparator16Separator built with shadcn/ui.
Separatorseparator2Visually or semantically separates content.
Separatorseparator3Visually or semantically separates content.
Separatorseparator4Visually or semantically separates content.
Separatorseparator5Visually or semantically separates content.
Separatorseparator6Visually or semantically separates content.
Separatorseparator7Separator built with shadcn/ui.
Separatorseparator8Separator built with shadcn/ui.
Separatorseparator9Separator built with shadcn/ui.
Sheetsheet1Extends the Dialog component to display content that complements the main content of the screen.
Sheetsheet2Extends the Dialog component to display content that complements the main content of the screen.
Sheetsheet3Extends the Dialog component to display content that complements the main content of the screen.
Sheetsheet4Extends the Dialog component to display content that complements the main content of the screen.
Sheetsheet5Extends the Dialog component to display content that complements the main content of the screen.
Sheetsheet6Sheet built with shadcn/ui.
Sheetsheet7Sheet built with shadcn/ui.
Sheetsheet8Sheet built with shadcn/ui.
Skeletonskeleton1Use to show a placeholder while content is loading.
Skeletonskeleton2Use to show a placeholder while content is loading.
Skeletonskeleton3Use to show a placeholder while content is loading.
Skeletonskeleton4Use to show a placeholder while content is loading.
Skeletonskeleton5Use to show a placeholder while content is loading.
Skeletonskeleton6Use to show a placeholder while content is loading.
Skeletonskeleton7Skeleton built with shadcn/ui.
Sliderslider1An input where the user selects a value from within a given range.
Sliderslider10Slider built with shadcn/ui.
Sliderslider11Slider built with shadcn/ui.
Sliderslider12Slider built with shadcn/ui.
Sliderslider13Slider built with shadcn/ui.
Sliderslider2An input where the user selects a value from within a given range.
Sliderslider3An input where the user selects a value from within a given range.
Sliderslider4An input where the user selects a value from within a given range.
Sliderslider5An input where the user selects a value from within a given range.
Sliderslider6An input where the user selects a value from within a given range.
Sliderslider7Slider built with shadcn/ui.
Sliderslider8Slider built with shadcn/ui.
Sliderslider9Slider built with shadcn/ui.
Spinnerspinner1An indicator that can be used to show a loading state.
Spinnerspinner10Spinner built with shadcn/ui.
Spinnerspinner11Spinner built with shadcn/ui.
Spinnerspinner12Spinner built with shadcn/ui.
Spinnerspinner13Spinner built with shadcn/ui.
Spinnerspinner14Spinner built with shadcn/ui.
Spinnerspinner2An indicator that can be used to show a loading state.
Spinnerspinner3An indicator that can be used to show a loading state.
Spinnerspinner4An indicator that can be used to show a loading state.
Spinnerspinner5An indicator that can be used to show a loading state.
Spinnerspinner6An indicator that can be used to show a loading state.
Spinnerspinner7Spinner built with shadcn/ui.
Spinnerspinner8Spinner built with shadcn/ui.
Spinnerspinner9Spinner built with shadcn/ui.
Switchswitch1A control that allows the user to toggle between on and off.
Switchswitch10Switch built with shadcn/ui.
Switchswitch2A control that allows the user to toggle between on and off.
Switchswitch3A control that allows the user to toggle between on and off.
Switchswitch4A control that allows the user to toggle between on and off.
Switchswitch5A control that allows the user to toggle between on and off.
Switchswitch6A control that allows the user to toggle between on and off.
Switchswitch7Switch built with shadcn/ui.
Switchswitch8Switch built with shadcn/ui.
Switchswitch9Switch built with shadcn/ui.
Tabletable1A table displays tabular data in rows and columns.
Tabletable10Table built with shadcn/ui.
Tabletable11Table built with shadcn/ui.
Tabletable12Table built with shadcn/ui.
Tabletable2A table displays tabular data in rows and columns.
Tabletable3A table displays tabular data in rows and columns.
Tabletable4A table displays tabular data in rows and columns.
Tabletable5A table displays tabular data in rows and columns.
Tabletable6Table built with shadcn/ui.
Tabletable7Table built with shadcn/ui.
Tabletable8Table built with shadcn/ui.
Tabletable9Table built with shadcn/ui.
Tabstabs1A set of layered sections of content, known as tab panels, that are displayed one at a time.
Tabstabs10Tabs built with shadcn/ui.
Tabstabs11Tabs built with shadcn/ui.
Tabstabs12Tabs built with shadcn/ui.
Tabstabs13Tabs built with shadcn/ui.
Tabstabs14Tabs built with shadcn/ui.
Tabstabs15Tabs built with shadcn/ui.
Tabstabs2A set of layered sections of content, known as tab panels, that are displayed one at a time.
Tabstabs3A set of layered sections of content, known as tab panels, that are displayed one at a time.
Tabstabs4A set of layered sections of content, known as tab panels, that are displayed one at a time.
Tabstabs5A set of layered sections of content, known as tab panels, that are displayed one at a time.
Tabstabs6Tabs built with shadcn/ui.
Tabstabs7Tabs built with shadcn/ui.
Tabstabs8Tabs built with shadcn/ui.
Tabstabs9Tabs built with shadcn/ui.
Textareatextarea1A multi-line text input control.
Textareatextarea10Textarea built with shadcn/ui.
Textareatextarea11Textarea built with shadcn/ui.
Textareatextarea2A multi-line text input control.
Textareatextarea3A multi-line text input control.
Textareatextarea4A multi-line text input control.
Textareatextarea5A multi-line text input control.
Textareatextarea6A multi-line text input control.
Textareatextarea7Textarea built with shadcn/ui.
Textareatextarea8Textarea built with shadcn/ui.
Textareatextarea9Textarea built with shadcn/ui.
Toasttoast-component1Toast built with shadcn/ui.
Sonner toasttoast1An opinionated toast component for React.
Sonner toasttoast10Sonner toast built with shadcn/ui.
Sonner toasttoast11Sonner toast built with shadcn/ui.
Sonner toasttoast12Sonner toast built with shadcn/ui.
Sonner toasttoast2An opinionated toast component for React.
Sonner toasttoast3An opinionated toast component for React.
Sonner toasttoast4An opinionated toast component for React.
Sonner toasttoast5An opinionated toast component for React.
Sonner toasttoast6An opinionated toast component for React.
Sonner toasttoast7Sonner toast built with shadcn/ui.
Sonner toasttoast8Sonner toast built with shadcn/ui.
Sonner toasttoast9Sonner toast built with shadcn/ui.
Toggletoggle-component8Toggle built with shadcn/ui.
Toggletoggle1A two-state button that can be either on or off.
Toggletoggle2A two-state button that can be either on or off.
Toggletoggle3A two-state button that can be either on or off.
Toggletoggle4A two-state button that can be either on or off.
Toggletoggle5A two-state button that can be either on or off.
Toggletoggle6A two-state button that can be either on or off.
Toggletoggle7Toggle built with shadcn/ui.
Tooltiptooltip1A tooltip is a small overlay that appears when the user hovers over an element.
Tooltiptooltip2A tooltip is a small overlay that appears when the user hovers over an element.
Tooltiptooltip3A tooltip is a small overlay that appears when the user hovers over an element.
Tooltiptooltip4A tooltip is a small overlay that appears when the user hovers over an element.
Tooltiptooltip5A tooltip is a small overlay that appears when the user hovers over an element.
Tooltiptooltip6Tooltip built with shadcn/ui.
Tooltiptooltip7Tooltip built with shadcn/ui.
Tooltiptooltip8Tooltip built with shadcn/ui.