Skip to main content
aino.dev

Components, tools, and news for developers.

Explore

LibraryNews

Community

TwitterYouTubeInstagram

© 2026 Kaino.dev

Privacy PolicyTerms of Service

v0.1.0

aino.dev
ComponentsMusicSFXDiscoverNews
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

  • A wheel of numbers that rolls to a repository star count; uses a local count, nothing is fetched. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI GitHub Stars Wheel

    A wheel of numbers that rolls to a repository star count; uses a local count, nothing is fetched.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • The headless GitHub stars primitive, styled locally as a repository badge whose number rolls up and whose star fills when complete; uses a local count. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI GitHub Stars Primitive

    The headless GitHub stars primitive, styled locally as a repository badge whose number rolls up and whose star fills when complete; uses a local count.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • A headless file tree primitive built on Base UI accordions, with a highlight that glides between rows. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Files Primitive

    A headless file tree primitive built on Base UI accordions, with a highlight that glides between rows.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • A project file tree with animated folders, hover highlight and git status markers. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Files

    A project file tree with animated folders, hover highlight and git status markers.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • A headless cursor primitive rendering a custom arrow and a follow label inside its container. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Cursor Primitive

    A headless cursor primitive rendering a custom arrow and a follow label inside its container.

    Animate UIanimate-uicompiled-csscursor-primitiveMIT + Commons Clause License Condition
  • Install commands in npm, pnpm and yarn tabs with an animated tab highlight, syntax highlighting and a copy button. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Code Tabs

    Install commands in npm, pnpm and yarn tabs with an animated tab highlight, syntax highlighting and a copy button.

    Animate UIanimate-uicode-tabscompiled-cssMIT + Commons Clause License Condition
  • 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 mention that shows a profile card on hover or keyboard focus. shadcn/ui, Cards, 0 votes, MIT licence
    cards0

    shadcn/ui Hover Card

    A mention that shows a profile card on hover or keyboard focus.

    shadcn/uicardscompiled-csshover-cardMIT
  • Attributed project card with locally toggled disclosure details. shadcn/ui, Cards, 0 votes, MIT licence
    cards0

    shadcn/ui Card

    Attributed project card with locally toggled disclosure details.

    shadcn/uicardinteractiveshadcn-uiMIT
  • 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
  • An attributed Tilted Card album cover with the pinned upstream CSS, cover switching, overlay toggle and reduced-motion tilt. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Tilted Card

    An attributed Tilted Card album cover with the pinned upstream CSS, cover switching, overlay toggle and reduced-motion tilt.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A concert ticket whose stub can be dragged to tear it off along the perforation. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Tear Ticket

    A concert ticket whose stub can be dragged to tear it off along the perforation.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A draggable launch sticker that peels back at the corner with GSAP lighting and shadows, with peel directions and sticker sizes. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Sticker Peel

    A draggable launch sticker that peels back at the corner with GSAP lighting and shadows, with peel directions and sticker sizes.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A draggable stack of travel photo cards that can be flung to the back. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Stack

    A draggable stack of travel photo cards that can be flung to the back.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A dark feature card lit by a spotlight that follows the pointer, in a chosen light colour. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Spotlight Card

    A dark feature card lit by a spotlight that follows the pointer, in a chosen light colour.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A rounded landscape card that grows to fill its panel as you scroll, revealing a caption. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Scroll Expand

    A rounded landscape card that grows to fill its panel as you scroll, revealing a caption.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A metallic ID card that mirrors a live camera feed through SVG lighting and displacement filters; the preview feeds it a local animated camera stand-in, with blur, colour and distortion controls. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Reflective Card

    A metallic ID card that mirrors a live camera feed through SVG lighting and displacement filters; the preview feeds it a local animated camera stand-in, with blur, colour and distortion controls.

    React BitsanimationcardinteractiveMIT + Commons Clause License Condition v1.0
  • A holographic profile card that tilts and shimmers toward the pointer, with local avatar art. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Profile Card

    A holographic profile card that tilts and shimmers toward the pointer, with local avatar art.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A product card that dissolves into a pixel grid with GSAP to reveal its details on hover or focus, with grid sizes and pixel colours. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Pixel Transition

    A product card that dissolves into a pixel grid with GSAP to reveal its details on hover or focus, with grid sizes and pixel colours.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
Previous

Page 41 of 53

Next