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 1254Backgrounds 105Buttons 93Cards 84Data-display 252Feedback 88Forms 280Loaders 38Modals 59Navigation 174Text-effects 81

External components · Browse by source

  • 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
  • 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
  • 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
  • Toolbar actions with warm tooltips: after the first one opens, neighbours show instantly with shortcuts. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Warm Tooltip

    Toolbar actions with warm tooltips: after the first one opens, neighbours show instantly with shortcuts.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A breathing, shimmering "Thinking…" line for an AI answer that lists its steps and settles into a timed summary. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Thought Line

    A breathing, shimmering "Thinking…" line for an AI answer that lists its steps and settles into a timed summary.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A toast with a burning fuse that confirms an archived file, offers Undo and can be swiped or closed away. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Swipe Toast

    A toast with a burning fuse that confirms an archived file, offers Undo and can be swiped or closed away.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A deploy status mark that spins while pending, draws a tick on success or a cross on error. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Status Mark

    A deploy status mark that spins while pending, draws a tick on success or a cross on error.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An image-generation frame that steps from queued through generating and refining to ready, with a mosaic reveal, a failure state and retry. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Refine Frame

    An image-generation frame that steps from queued through generating and refining to ready, with a mosaic reveal, a failure state and retry.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An agent tool-call chip that fills while running, then flips to done or failed with a retry button. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Call Chip

    An agent tool-call chip that fills while running, then flips to done or failed with a retry button.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Icon buttons with tooltips and arrows, shown on hover or keyboard focus. React Aria, Feedback, 0 votes, Apache-2.0 licence
    feedback0

    React Aria Tooltip

    Icon buttons with tooltips and arrows, shown on hover or keyboard focus.

    React Ariafeedbackkeyboardreact-ariaApache-2.0
  • Toasts queued through a React Aria ToastQueue with titles, descriptions and close buttons. React Aria, Feedback, 0 votes, Apache-2.0 licence
    feedback0

    React Aria Toast

    Toasts queued through a React Aria ToastQueue with titles, descriptions and close buttons.

    React Ariafeedbackinteractivereact-ariaApache-2.0
  • Icon buttons in an editor that reveal short tooltips with keyboard shortcuts on hover or focus. Radix Primitives, Feedback, 0 votes, MIT licence
    feedback0

    Radix Tooltip

    Icon buttons in an editor that reveal short tooltips with keyboard shortcuts on hover or focus.

    Radix Primitivesaccessiblekeyboardradix-primitivesMIT

Page 1 of 4

Next