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 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
  • 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