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 38Buttons 3Cards 1Data-display 8Feedback 4Forms 8Loaders 3Modals 4Navigation 7

React-Bootstrap components

  • Dynamic notification badge with local increment and disabled reset. React-Bootstrap, Feedback, 0 votes, MIT licence
    feedback0

    React-Bootstrap Badge

    Dynamic notification badge with local increment and disabled reset.

    React-Bootstrapbadgeinteractivereact-bootstrapMIT
  • A dismissible report notice with an accessible close control and local restore state. React-Bootstrap, Feedback, 0 votes, MIT licence
    feedback0

    React-Bootstrap Alert

    A dismissible report notice with an accessible close control and local restore state.

    React-Bootstrapalertfeedbackreact-bootstrapMIT
  • A captioned project table with controlled local numeric/name sorting. React-Bootstrap, Data-display, 0 votes, MIT licence
    data-display0

    React-Bootstrap Table

    A captioned project table with controlled local numeric/name sorting.

    React-Bootstrapinteractivereact-bootstraptableMIT
  • A list of status cards laid out with Stack, switchable between vertical and horizontal. React-Bootstrap, Data-display, 0 votes, MIT licence
    data-display0

    React-Bootstrap Stack

    A list of status cards laid out with Stack, switchable between vertical and horizontal.

    React-Bootstrapdata-displayinteractivereact-bootstrapMIT
  • A video placeholder that keeps 1:1, 4:3, 16:9 or 21:9 proportions as you switch. React-Bootstrap, Data-display, 0 votes, MIT licence
    data-display0

    React-Bootstrap Ratio

    A video placeholder that keeps 1:1, 4:3, 16:9 or 21:9 proportions as you switch.

    React-Bootstrapdata-displayinteractiveratioMIT
  • A selectable folder list with counts and an unavailable item. React-Bootstrap, Data-display, 0 votes, MIT licence
    data-display0

    React-Bootstrap List Group

    A selectable folder list with counts and an unavailable item.

    React-Bootstrapinteractivelist-groupreact-bootstrapMIT
  • A profile photo shown as rounded, circle or thumbnail images, with inline image data. React-Bootstrap, Data-display, 0 votes, MIT licence
    data-display0

    React-Bootstrap Image

    A profile photo shown as rounded, circle or thumbnail images, with inline image data.

    React-Bootstrapdata-displayimageinteractiveMIT
  • Container, Row and Col laying out pricing columns with responsive widths and a fluid toggle. React-Bootstrap, Data-display, 0 votes, MIT licence
    data-display0

    React-Bootstrap Grid

    Container, Row and Col laying out pricing columns with responsive widths and a fluid toggle.

    React-Bootstrapdata-displaygridinteractiveMIT
  • A captioned figure gallery with previous and next buttons and inline images. React-Bootstrap, Data-display, 0 votes, MIT licence
    data-display0

    React-Bootstrap Figure

    A captioned figure gallery with previous and next buttons and inline images.

    React-Bootstrapdata-displayfigureinteractiveMIT
  • A manual carousel of feature slides with labelled controls, indicators and no autoplay. React-Bootstrap, Data-display, 0 votes, MIT licence
    data-display0

    React-Bootstrap Carousel

    A manual carousel of feature slides with labelled controls, indicators and no autoplay.

    React-Bootstrapcarouseldata-displayinteractiveMIT
  • Two plan cards with header, body and footer; choosing one highlights it. React-Bootstrap, Cards, 0 votes, MIT licence
    cards0

    React-Bootstrap Card

    Two plan cards with header, body and footer; choosing one highlights it.

    React-BootstrapcardcardsinteractiveMIT
  • Dismissible filter tags and a dark banner, each closed with a labelled close button. React-Bootstrap, Buttons, 0 votes, MIT licence
    buttons0

    React-Bootstrap Close Button

    Dismissible filter tags and a dark banner, each closed with a labelled close button.

    React-Bootstrapbuttonsclose-buttoninteractiveMIT
  • Grouped zoom-out, reset and zoom-in buttons controlling an image preview. React-Bootstrap, Buttons, 0 votes, MIT licence
    buttons0

    React-Bootstrap Button Group

    Grouped zoom-out, reset and zoom-in buttons controlling an image preview.

    React-Bootstrapbutton-groupbuttonsinteractiveMIT
  • Library action buttons; local project counter and disabled reset. React-Bootstrap, Buttons, 0 votes, MIT licence
    buttons0

    React-Bootstrap Button

    Library action buttons; local project counter and disabled reset.

    React-Bootstrapbuttoninteractivereact-bootstrapMIT
Previous

Page 2 of 2