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

  • 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
  • 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
  • An attributed Star Border button with the pinned upstream CSS, pause, speed and reduced-motion controls. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Star Border

    An attributed Star Border button with the pinned upstream CSS, pause, speed and reduced-motion controls.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A glossy call-to-action button whose specular highlight follows the pointer, starting a trial when pressed, with size and tint options. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Specular Button

    A glossy call-to-action button whose specular highlight follows the pointer, starting a trial when pressed, with size and tint options.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A slingshot send button for a chat composer: pull it back and let go to launch the message, or simply click it. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Sling Button

    A slingshot send button for a chat composer: pull it back and let go to launch the message, or simply click it.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A slide-to-pay control that confirms a plan upgrade, shows a pending spinner, then succeeds or shakes on a declined card. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Slide Commit

    A slide-to-pay control that confirms a plan upgrade, shows a pending spinner, then succeeds or shakes on a declined card.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A like button whose heart bursts with dots and beats while the count rolls, with heart, star and thumbs icons. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Pulse Heart

    A like button whose heart bursts with dots and beats while the count rolls, with heart, star and thumbs icons.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A booking button that drifts toward the pointer when it comes near, with adjustable pull. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Magnet

    A booking button that drifts toward the pointer when it comes near, with adjustable pull.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A destructive action that only completes when the button is held, filling as you press. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Hold Button

    A destructive action that only completes when the button is held, filling as you press.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An archive button that burns a fuse around its edge, giving a few seconds to undo before the action commits. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Fuse Button

    An archive button that burns a fuse around its edge, giving a few seconds to undo before the action commits.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Sparks burst from every click inside a celebration panel, in a chosen spark colour. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Click Spark

    Sparks burst from every click inside a celebration panel, in a chosen spark colour.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A notify-me button whose bell rings and morphs into a confirmation, with an unread badge and sizes. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Bell Toggle

    A notify-me button whose bell rings and morphs into a confirmation, with an unread badge and sizes.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A single-select map layer toggle group and a multi-select overlay group. React Aria, Buttons, 0 votes, Apache-2.0 licence
    buttons0

    React Aria Toggle Button Group

    A single-select map layer toggle group and a multi-select overlay group.

    React Ariabuttonskeyboardreact-ariaApache-2.0
  • Follow and mute toggle buttons with selected state and live counts. React Aria, Buttons, 0 votes, Apache-2.0 licence
    buttons0

    React Aria Toggle Button

    Follow and mute toggle buttons with selected state and live counts.

    React Ariabuttonsinteractivereact-ariaApache-2.0
  • A button that opens the file picker for CSV imports and lists chosen files locally. React Aria, Buttons, 0 votes, Apache-2.0 licence
    buttons0

    React Aria File Trigger

    A button that opens the file picker for CSV imports and lists chosen files locally.

    React Ariabuttonsfile-triggerinteractiveApache-2.0
  • Press-handled buttons with a pending state that keeps focus and announces progress. React Aria, Buttons, 0 votes, Apache-2.0 licence
    buttons0

    React Aria Button

    Press-handled buttons with a pending state that keeps focus and announces progress.

    React AriabuttonbuttonsinteractiveApache-2.0
  • A text alignment control where exactly one of left, centre or right is selected. Radix Primitives, Buttons, 0 votes, MIT licence
    buttons0

    Radix Toggle Group

    A text alignment control where exactly one of left, centre or right is selected.

    Radix Primitivesaccessiblekeyboardradix-primitivesMIT
  • Bold, italic and underline formatting toggles that show their pressed state. Radix Primitives, Buttons, 0 votes, MIT licence
    buttons0

    Radix Toggle

    Bold, italic and underline formatting toggles that show their pressed state.

    Radix Primitivesaccessiblekeyboardradix-primitivesMIT
  • A call-to-action button that is pulled toward the pointer when it comes close. Motion Primitives, Buttons, 0 votes, MIT licence
    buttons0

    Motion Primitives Magnetic

    A call-to-action button that is pulled toward the pointer when it comes close.

    Motion Primitivesbuttonscompiled-cssinteractiveMIT

Page 1 of 4

Next