Skip to main content
kaino.dev

Components, tools, and news for developers.

Explore

LibraryNews

Community

TwitterYouTubeInstagram

© 2026 Kaino.dev

Privacy PolicyTerms of Service

v0.1.0

kaino.dev
LibraryDiscoverNews
LibraryDiscoverNews
Theme
Library/Components

Components

Ready-to-use components curated and voted on by the community.

KainoKaino ComponentsExternalExternal Libraries

Browse by library

Library directory
All librariesAnimate UIAnt DesignArk UIBase UIChakra UIdaisyUIFlowbite ReactHeadless UIHeroUIMagic UIMantineMaterial UIMotion PrimitivesRadix PrimitivesReact AriaReact BitsReact-Bootstrapshadcn/ui

Categories

All 63Buttons 4Cards 2Data-display 12Feedback 11Forms 16Loaders 3Modals 4Navigation 11

shadcn/ui components

  • A native select for a billing region with grouped options and a disabled companion. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Native Select

    A native select for a billing region with grouped options and a disabled companion.

    shadcn/uicompiled-cssformsinteractiveMIT
  • Labels tied to a text field and a checkbox, including the disabled-peer style. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Label

    Labels tied to a text field and a checkbox, including the disabled-peer style.

    shadcn/uicompiled-cssformsinteractiveMIT
  • A six-digit verification code field built on input-otp, split into two groups with a separator. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Input OTP

    A six-digit verification code field built on input-otp, split into two groups with a separator.

    shadcn/uicompiled-cssformsinput-otpMIT
  • A URL field with a prefix and copy action, plus a comment box with a character count and send button. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Input Group

    A URL field with a prefix and copy action, plus a comment box with a character count and send button.

    shadcn/uicompiled-cssformsinput-groupMIT
  • Controlled local email validation and focus recovery. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Input

    Controlled local email validation and focus recovery.

    shadcn/uiinputinteractiveshadcn-uiMIT
  • A profile form built on React Hook Form, with field labels, a description and validation messages. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Form

    A profile form built on React Hook Form, with field labels, a description and validation messages.

    shadcn/uicompiled-cssformformsMIT
  • A payment form built from field sets, labels, descriptions, an error and a separator. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Field

    A payment form built from field sets, labels, descriptions, an error and a separator.

    shadcn/uicompiled-cssfieldformsMIT
  • A searchable framework picker built on Base UI Combobox, with filtering and an empty state. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Combobox

    A searchable framework picker built on Base UI Combobox, with filtering and an empty state.

    shadcn/uicomboboxcompiled-cssformsMIT
  • Controlled checkbox preference with disabled companion. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Checkbox

    Controlled checkbox preference with disabled companion.

    shadcn/uicheckboxinteractiveshadcn-uiMIT
  • An inline booking calendar built on React DayPicker, with weekends disabled and the chosen date in a status line. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Calendar

    An inline booking calendar built on React DayPicker, with weekends disabled and the chosen date in a status line.

    shadcn/uicalendarcompiled-cssformsMIT
  • Icon buttons in a toolbar that show tooltips on hover or keyboard focus. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Tooltip

    Icon buttons in a toolbar that show tooltips on hover or keyboard focus.

    shadcn/uicompiled-cssfeedbackinteractiveMIT
  • Stacked Base UI toasts in the shadcn/ui style: a success toast with an undo action, info and error toasts, and a loading toast that resolves. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Toast

    Stacked Base UI toasts in the shadcn/ui style: a success toast with an undo action, info and error toasts, and a loading toast that resolves.

    shadcn/uicompiled-cssfeedbackinteractiveMIT
  • Toast notifications built on Sonner: a success toast with a description and a toast with an undo action. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Sonner

    Toast notifications built on Sonner: a success toast with a description and a toast with an undo action.

    shadcn/uicompiled-cssfeedbackinteractiveMIT
  • A dimensions popover opened from a toolbar button, with a header and number fields. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Popover

    A dimensions popover opened from a toolbar button, with a header and number fields.

    shadcn/uicompiled-cssfeedbackinteractiveMIT
  • A chat transcript scroller built on @shadcn/react that keeps the newest message in view and shows a jump-to-latest button. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Message Scroller

    A chat transcript scroller built on @shadcn/react that keeps the newest message in view and shows a jump-to-latest button.

    shadcn/uicompiled-cssfeedbackinteractiveMIT
  • A support chat thread with avatars, aligned replies and a reply box. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Message

    A support chat thread with avatars, aligned replies and a reply box.

    shadcn/uicompiled-cssfeedbackinteractiveMIT
  • Timeline markers in a support thread: a day separator, an event note and a bordered status line. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Marker

    Timeline markers in a support thread: a day separator, an event note and a bordered status line.

    shadcn/uicompiled-cssfeedbackinteractiveMIT
  • An empty inbox state with an icon, message and actions that load sample items. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Empty

    An empty inbox state with an icon, message and actions that load sample items.

    shadcn/uicompiled-cssemptyfeedbackMIT
  • Chat bubbles in several variants, aligned for each speaker, with reactions on a reply. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Bubble

    Chat bubbles in several variants, aligned for each speaker, with reactions on a reply.

    shadcn/uibubblecompiled-cssfeedbackMIT
  • Local notification badge counter. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Badge

    Local notification badge counter.

    shadcn/uibadgeinteractiveshadcn-uiMIT
  • Default and destructive alert with title, description, dismiss and restore controls. shadcn/ui, Feedback, 0 votes, MIT licence
    feedback0

    shadcn/ui Alert

    Default and destructive alert with title, description, dismiss and restore controls.

    shadcn/uialertinteractiveshadcn-uiMIT
  • An invoices table with a caption, totals footer and a sortable amount column. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Table

    An invoices table with a caption, totals footer and a sortable amount column.

    shadcn/uicompiled-cssdata-displayinteractiveMIT
  • A profile header split by horizontal and vertical separators. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Separator

    A profile header split by horizontal and vertical separators.

    shadcn/uicompiled-cssdata-displayinteractiveMIT
  • A tag list in a custom-scrollbar area and a horizontally scrolling row of release cards. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Scroll Area

    A tag list in a custom-scrollbar area and a horizontally scrolling row of release cards.

    shadcn/uicompiled-cssdata-displayinteractiveMIT
Previous

Page 2 of 3

Next