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

  • An editor layout of resizable panels built on react-resizable-panels, with a nested vertical split and drag handles. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Resizable

    An editor layout of resizable panels built on react-resizable-panels, with a nested vertical split and drag handles.

    shadcn/uicompiled-cssdata-displayinteractiveMIT
  • A keyboard shortcut sheet for an editor, with single keys and key groups. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Kbd

    A keyboard shortcut sheet for an editor, with single keys and key groups.

    shadcn/uicompiled-cssdata-displayinteractiveMIT
  • A list of integration items with media, descriptions and actions in default, outline and muted styles. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Item

    A list of integration items with media, descriptions and actions in default, outline and muted styles.

    shadcn/uicompiled-cssdata-displayinteractiveMIT
  • A direction provider that switches a checkout summary between left-to-right and right-to-left layout. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Direction

    A direction provider that switches a checkout summary between left-to-right and right-to-left layout.

    shadcn/uicompiled-cssdata-displaydirectionMIT
  • A themed chart container with tooltip and legend built on recharts, shown as bars or lines for five models, with a toggle for the 95th percentile series. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Chart

    A themed chart container with tooltip and legend built on recharts, shown as bars or lines for five models, with a toggle for the 95th percentile series.

    shadcn/uichartcompiled-cssdata-displayMIT
  • A product carousel built on Embla, with previous and next buttons and a slide counter. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Carousel

    A product carousel built on Embla, with previous and next buttons and a slide counter.

    shadcn/uicarouselcompiled-cssdata-displayMIT
  • Team avatars with images, initials fallbacks, a status badge and an overflow count. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Avatar

    Team avatars with images, initials fallbacks, a status badge and an overflow count.

    shadcn/uiavatarcompiled-cssdata-displayMIT
  • Message attachments in done, uploading and failed states, with a remove action on each. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Attachment

    Message attachments in done, uploading and failed states, with a remove action on each.

    shadcn/uiattachmentcompiled-cssdata-displayMIT
  • A media frame that keeps a chosen aspect ratio as the card resizes. shadcn/ui, Data-display, 0 votes, MIT licence
    data-display0

    shadcn/ui Aspect Ratio

    A media frame that keeps a chosen aspect ratio as the card resizes.

    shadcn/uiaspect-ratiocompiled-cssdata-displayMIT
  • A mention that shows a profile card on hover or keyboard focus. shadcn/ui, Cards, 0 votes, MIT licence
    cards0

    shadcn/ui Hover Card

    A mention that shows a profile card on hover or keyboard focus.

    shadcn/uicardscompiled-csshover-cardMIT
  • Attributed project card with locally toggled disclosure details. shadcn/ui, Cards, 0 votes, MIT licence
    cards0

    shadcn/ui Card

    Attributed project card with locally toggled disclosure details.

    shadcn/uicardinteractiveshadcn-uiMIT
  • Text alignment as a single-choice toggle group and text styles as a multiple-choice group. shadcn/ui, Buttons, 0 votes, MIT licence
    buttons0

    shadcn/ui Toggle Group

    Text alignment as a single-choice toggle group and text styles as a multiple-choice group.

    shadcn/uibuttonscompiled-cssinteractiveMIT
  • Formatting toggles in default and outline variants with a disabled toggle. shadcn/ui, Buttons, 0 votes, MIT licence
    buttons0

    shadcn/ui Toggle

    Formatting toggles in default and outline variants with a disabled toggle.

    shadcn/uibuttonscompiled-cssinteractiveMIT
  • An editor toolbar of grouped buttons with a separator and a text segment. shadcn/ui, Buttons, 0 votes, MIT licence
    buttons0

    shadcn/ui Button Group

    An editor toolbar of grouped buttons with a separator and a text segment.

    shadcn/uibutton-groupbuttonscompiled-cssMIT
  • An attributed shadcn/ui Button example with local CSS, accessible controls and announced state. shadcn/ui, Buttons, 0 votes, MIT licence
    buttons0

    shadcn/ui Button

    An attributed shadcn/ui Button example with local CSS, accessible controls and announced state.

    shadcn/uicompiled-cssinteractiveshadcn-uiMIT
Previous

Page 3 of 3

Page 3 · shadcn/ui · External Components · Library · Kaino