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

  • Controlled horizontal automatic tabs; disabled Settings tab. React-Bootstrap, Navigation, 0 votes, MIT licence
    navigation0

    React-Bootstrap Tabs

    Controlled horizontal automatic tabs; disabled Settings tab.

    React-Bootstrapinteractivereact-bootstraptabsMIT
  • Controlled page navigation with labelled current page and disabled boundaries. React-Bootstrap, Navigation, 0 votes, MIT licence
    navigation0

    React-Bootstrap Pagination

    Controlled page navigation with labelled current page and disabled boundaries.

    React-Bootstrapinteractivepaginationreact-bootstrapMIT
  • A responsive navbar with a collapsible menu and current section. React-Bootstrap, Navigation, 0 votes, MIT licence
    navigation0

    React-Bootstrap Navbar

    A responsive navbar with a collapsible menu and current section.

    React-Bootstrapinteractivenavbarreact-bootstrapMIT
  • Vertical pill navigation that switches the settings panel and marks the current section. React-Bootstrap, Navigation, 0 votes, MIT licence
    navigation0

    React-Bootstrap Nav

    Vertical pill navigation that switches the settings panel and marks the current section.

    React-BootstrapinteractivenavnavigationMIT
  • A project sort menu with disabled action and local state. React-Bootstrap, Navigation, 0 votes, MIT licence
    navigation0

    React-Bootstrap Dropdown

    A project sort menu with disabled action and local state.

    React-Bootstrapinteractivemenureact-bootstrapMIT
  • A file browser whose breadcrumb trail moves back up the folder path. React-Bootstrap, Navigation, 0 votes, MIT licence
    navigation0

    React-Bootstrap Breadcrumb

    A file browser whose breadcrumb trail moves back up the folder path.

    React-BootstrapbreadcrumbinteractivenavigationMIT
  • Controlled single-open billing disclosures with collapsible and disabled sections. React-Bootstrap, Navigation, 0 votes, MIT licence
    navigation0

    React-Bootstrap Accordion

    Controlled single-open billing disclosures with collapsible and disabled sections.

    React-Bootstrapaccordiondisclosurereact-bootstrapMIT
  • A click-triggered popover with a header and body that closes on outside click. React-Bootstrap, Modals, 0 votes, MIT licence
    modals0

    React-Bootstrap Popover

    A click-triggered popover with a header and body that closes on outside click.

    React-BootstrapinteractivemodalspopoverMIT
  • A positioned overlay hint attached to a field, toggled and placed from local controls. React-Bootstrap, Modals, 0 votes, MIT licence
    modals0

    React-Bootstrap Overlay

    A positioned overlay hint attached to a field, toggled and placed from local controls.

    React-BootstrapinteractivemodalsoverlayMIT
  • A side panel of notification switches with local saving. React-Bootstrap, Modals, 0 votes, MIT licence
    modals0

    React-Bootstrap Offcanvas

    A side panel of notification switches with local saving.

    React-Bootstrapinteractiveoffcanvasreact-bootstrapMIT
  • Controlled local rename modal; empty-name validation, cancel, Escape and focus return. React-Bootstrap, Modals, 0 votes, MIT licence
    modals0

    React-Bootstrap Modal

    Controlled local rename modal; empty-name validation, cancel, Escape and focus return.

    React-Bootstrapdialoginteractivereact-bootstrapMIT
  • Border and grow spinners shown while a sales report refreshes. React-Bootstrap, Loaders, 0 votes, MIT licence
    loaders0

    React-Bootstrap Spinner

    Border and grow spinners shown while a sales report refreshes.

    React-Bootstrapinteractiveloadersreact-bootstrapMIT
  • Bounded determinate progress in 25% steps; disabled advance at completion. React-Bootstrap, Loaders, 0 votes, MIT licence
    loaders0

    React-Bootstrap ProgressBar

    Bounded determinate progress in 25% steps; disabled advance at completion.

    React-Bootstrapinteractiveprogressreact-bootstrapMIT
  • A product card shown as glowing placeholders and a placeholder button until it loads. React-Bootstrap, Loaders, 0 votes, MIT licence
    loaders0

    React-Bootstrap Placeholder

    A product card shown as glowing placeholders and a placeholder button until it loads.

    React-BootstrapinteractiveloadersplaceholderMIT
  • A controlled email field with local validation, linked error feedback and focus recovery. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form.Control

    A controlled email field with local validation, linked error feedback and focus recovery.

    React-Bootstrapemailformreact-bootstrapMIT
  • A controlled email preference built with React-Bootstrap Switch, with accessible labelling and an announced state. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Switch

    A controlled email preference built with React-Bootstrap Switch, with accessible labelling and an announced state.

    React-Bootstrapformpreferencesreact-bootstrapMIT
  • A controlled native plan selector with a disabled option and announced selection. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form.Select

    A controlled native plan selector with a disabled option and announced selection.

    React-Bootstrapformreact-bootstrapselectMIT
  • A workspace address field with prefix and suffix text and an attached availability check. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Input Group

    A workspace address field with prefix and suffix text and an attached availability check.

    React-Bootstrapformsinput-groupinteractiveMIT
  • A username field whose Form.Text help is linked to the input and updates as you type. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form Text

    A username field whose Form.Text help is linked to the input and updates as you type.

    React-Bootstrapform-textformsinteractiveMIT
  • A labelled reading-size range that resizes a live text preview. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form Range

    A labelled reading-size range that resizes a live text preview.

    React-BootstrapformsinteractiverangeMIT
  • A contact form using Bootstrap validation feedback after the first submit. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form

    A contact form using Bootstrap validation feedback after the first submit.

    React-BootstrapformformsinteractiveMIT
  • A sign-in form whose input and select labels float above the value. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Floating Label

    A sign-in form whose input and select labels float above the value.

    React-Bootstrapfloating-labelformsinteractiveMIT
  • Controlled help tooltip; hover/focus/touch trigger, Escape/blur/explicit dismissal. React-Bootstrap, Feedback, 0 votes, MIT licence
    feedback0

    React-Bootstrap Tooltip

    Controlled help tooltip; hover/focus/touch trigger, Escape/blur/explicit dismissal.

    React-Bootstrapinteractivereact-bootstraptooltipMIT
  • Stacked invite notifications with per-toast dismiss and auto-hide. React-Bootstrap, Feedback, 0 votes, MIT licence
    feedback0

    React-Bootstrap Toast

    Stacked invite notifications with per-toast dismiss and auto-hide.

    React-Bootstrapfeedbackinteractivereact-bootstrapMIT

Page 1 of 2

Next