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 116Backgrounds 7Buttons 23Cards 8Data-display 19Feedback 7Forms 9Loaders 2Modals 6Navigation 19Text-effects 16

Animate UI components

  • The headless code block primitive: shiki-highlighted code that writes itself line by line, styled locally. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Code Block

    The headless code block primitive: shiki-highlighted code that writes itself line by line, styled locally.

    Animate UIanimate-uicode-blockcompiled-cssMIT + Commons Clause License Condition
  • A code panel with a header, copy button and syntax-highlighted code that types itself in. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Code

    A code panel with a header, copy button and syntax-highlighted code that types itself in.

    Animate UIanimate-uicodecompiled-cssMIT + Commons Clause License Condition
  • The styled Avatar Group component: overlapping avatars that lift on hover or focus and show an animated tooltip; uses local initials avatars. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Avatar Group Component

    The styled Avatar Group component: overlapping avatars that lift on hover or focus and show an animated tooltip; uses local initials avatars.

    Animate UIanimate-uiavatar-group-componentcompiled-cssMIT + Commons Clause License Condition
  • An attributed Avatar Group with lifting avatars, focus and hover tooltips, Escape dismissal, selection and reduced-motion support. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Avatar Group

    An attributed Avatar Group with lifting avatars, focus and hover tooltips, Escape dismissal, selection and reduced-motion support.

    Animate UIanimate-uianimationinteractiveMIT + Commons Clause License Condition
  • A comment box whose container springs smoothly to the height of its changing content. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Auto Height

    A comment box whose container springs smoothly to the height of its changing content.

    Animate UIanimate-uiauto-heightcompiled-cssMIT + Commons Clause License Condition
  • A custom animated cursor with a name label that follows the pointer inside a design canvas. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Animate Cursor

    A custom animated cursor with a name label that follows the pointer inside a design canvas.

    Animate UIanimate-cursoranimate-uicompiled-cssMIT + Commons Clause License Condition
  • A product card that tilts in 3D toward the pointer, with a chosen maximum tilt. Animate UI, Cards, 0 votes, MIT + Commons Clause License Condition licence
    cards0

    Animate UI Tilt

    A product card that tilts in 3D toward the pointer, with a chosen maximum tilt.

    Animate UIanimate-uicardscompiled-cssMIT + Commons Clause License Condition
  • The headless animated hover card, styled locally as a repository preview with an arrow. Animate UI, Cards, 0 votes, MIT + Commons Clause License Condition licence
    cards0

    Animate UI Hover Card Primitive

    The headless animated hover card, styled locally as a repository preview with an arrow.

    Animate UIanimate-uicardscompiled-cssMIT + Commons Clause License Condition
  • A mention whose profile card springs in on hover or keyboard focus. Animate UI, Cards, 0 votes, MIT + Commons Clause License Condition licence
    cards0

    Animate UI Hover Card

    A mention whose profile card springs in on hover or keyboard focus.

    Animate UIanimate-uicardscompiled-cssMIT + Commons Clause License Condition
  • A team profile card that flips in 3D on hover (or tap on touch screens) to show a bio and stats. Animate UI, Cards, 0 votes, MIT + Commons Clause License Condition licence
    cards0

    Animate UI Flip Card

    A team profile card that flips in 3D on hover (or tap on touch screens) to show a bio and stats.

    Animate UIanimate-uicardscompiled-cssMIT + Commons Clause License Condition
  • A headless Base UI link preview primitive that pops a local page screenshot above a link on hover. Animate UI, Cards, 0 votes, MIT + Commons Clause License Condition licence
    cards0

    Animate UI Base Preview Link Card Primitive

    A headless Base UI link preview primitive that pops a local page screenshot above a link on hover.

    Animate UIanimate-uibase-preview-link-card-primitivecardsMIT + Commons Clause License Condition
  • A help-article link that shows a local page screenshot on hover, built on the Base UI preview card. Animate UI, Cards, 0 votes, MIT + Commons Clause License Condition licence
    cards0

    Animate UI Base Preview Link Card

    A help-article link that shows a local page screenshot on hover, built on the Base UI preview card.

    Animate UIanimate-uibase-preview-link-cardcardsMIT + Commons Clause License Condition
  • A headless Base UI preview card primitive that springs a profile card open when a mention is hovered. Animate UI, Cards, 0 votes, MIT + Commons Clause License Condition licence
    cards0

    Animate UI Base Preview Card Primitive

    A headless Base UI preview card primitive that springs a profile card open when a mention is hovered.

    Animate UIanimate-uibase-preview-card-primitivecardsMIT + Commons Clause License Condition
  • A teammate mention that reveals a profile card on hover, built on the Base UI preview card. Animate UI, Cards, 0 votes, MIT + Commons Clause License Condition licence
    cards0

    Animate UI Base Preview Card

    A teammate mention that reveals a profile card on hover, built on the Base UI preview card.

    Animate UIanimate-uibase-preview-cardcardsMIT + Commons Clause License Condition
  • A theme button that cycles light, dark and system with an animated icon swap, driven by next-themes. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Theme Toggler Button

    A theme button that cycles light, dark and system with an animated icon swap, driven by next-themes.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
  • A theme toggle that cycles light, dark and system with an animated view transition. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Theme Toggler

    A theme toggle that cycles light, dark and system with an animated view transition.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
  • A Slot primitive that passes motion props onto its child button, here a springy hover and tap. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Slot

    A Slot primitive that passes motion props onto its child button, here a springy hover and tap.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
  • An upgrade button that sweeps a shine across itself on hover or in a loop. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Shine

    An upgrade button that sweeps a shine across itself on hover or in a loop.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
  • A share button that expands into social share targets on hover. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Share Button

    A share button that expands into social share targets on hover.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
  • A styled save button that sends a ripple out from each press point. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Ripple Button Styled

    A styled save button that sends a ripple out from each press point.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
  • An attributed Ripple Button with click ripples, style switching, keyboard activation and reduced-motion support. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Ripple Button

    An attributed Ripple Button with click ripples, style switching, keyboard activation and reduced-motion support.

    Animate UIanimate-uianimationinteractiveMIT + Commons Clause License Condition
  • A like button that bursts small particles from its edge each time it is pressed. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Particles

    A like button that bursts small particles from its edge each time it is pressed.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
  • A play button that is pulled toward the pointer within a range, with a chosen strength. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Magnetic

    A play button that is pulled toward the pointer within a range, with a chosen strength.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
  • A headless liquid button primitive whose fill rises from the bottom on hover. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Liquid Button Primitive

    A headless liquid button primitive whose fill rises from the bottom on hover.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
Previous

Page 4 of 5

Next