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 product hero banner with a headline, supporting copy and a call to action. daisyUI, Cards, 0 votes, MIT licence
    cards0

    daisyUI Hero

    A product hero banner with a headline, supporting copy and a call to action.

    daisyUIcardsdaisyuiheroMIT
  • A site footer with grouped link columns laid out by the daisyUI footer component. daisyUI, Cards, 0 votes, MIT licence
    cards0

    daisyUI Footer

    A site footer with grouped link columns laid out by the daisyUI footer component.

    daisyUIcardsdaisyuifooterMIT
  • Bordered course cards with badges, body copy and shortlist toggle actions using daisyUI card classes. daisyUI, Cards, 0 votes, MIT licence
    cards0

    daisyUI Card

    Bordered course cards with badges, body copy and shortlist toggle actions using daisyUI card classes.

    daisyUIcarddaisyuiinteractiveMIT
  • Article cards made fully clickable with LinkBox and LinkOverlay, keeping a nested author link. Chakra UI, Cards, 0 votes, MIT licence
    cards0

    Chakra UI Link Overlay

    Article cards made fully clickable with LinkBox and LinkOverlay, keeping a nested author link.

    Chakra UIcardschakra-uiinteractiveMIT
  • Article text constrained by Container with selectable maximum widths. Chakra UI, Cards, 0 votes, MIT licence
    cards0

    Chakra UI Container

    Article text constrained by Container with selectable maximum widths.

    Chakra UIcardschakra-uicontainerMIT
  • Square and circle icon tiles centred with Center, Square and Circle. Chakra UI, Cards, 0 votes, MIT licence
    cards0

    Chakra UI Center

    Square and circle icon tiles centred with Center, Square and Circle.

    Chakra UIcardscenterchakra-uiMIT
  • An event card with header, body and footer slots and an RSVP action. Chakra UI, Cards, 0 votes, MIT licence
    cards0

    Chakra UI Card

    An event card with header, body and footer slots and an RSVP action.

    Chakra UIcardcardschakra-uiMIT
  • A notification card built from Box style props, with a compact density switch. Chakra UI, Cards, 0 votes, MIT licence
    cards0

    Chakra UI Box

    A notification card built from Box style props, with a compact density switch.

    Chakra UIboxcardschakra-uiMIT
  • A card whose cover image bleeds past the card padding, toggled on and off. Chakra UI, Cards, 0 votes, MIT licence
    cards0

    Chakra UI Bleed

    A card whose cover image bleeds past the card padding, toggled on and off.

    Chakra UIbleedcardschakra-uiMIT
  • A play overlay centred over a video thumbnail with AbsoluteCenter, toggled locally. Chakra UI, Cards, 0 votes, MIT licence
    cards0

    Chakra UI Absolute Center

    A play overlay centred over a video thumbnail with AbsoluteCenter, toggled locally.

    Chakra UIabsolute-centercardschakra-uiMIT
  • A contract preview overlaid with an Ant Design Watermark whose text and opacity switch locally. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Watermark

    A contract preview overlaid with an Ant Design Watermark whose text and opacity switch locally.

    Ant Designant-designcardsinteractiveMIT
  • An app frame built from Layout with a header, collapsible sider, content and footer. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Layout

    An app frame built from Layout with a header, collapsible sider, content and footer.

    Ant Designant-designcardsinteractiveMIT
  • A ConfigProvider theme switch between default, dark and compact algorithms applied to local Ant components. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Config Provider

    A ConfigProvider theme switch between default, dark and compact algorithms applied to local Ant components.

    Ant Designant-designcardsconfig-providerMIT
  • A project card with a title, extra link, body and action buttons in the footer. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Card

    A project card with a title, extra link, body and action buttons in the footer.

    Ant Designant-designcardcardsMIT
  • A plan upgrade card wrapped in an Ant Design Border Beam whose moving light changes colour and speed. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Border Beam

    A plan upgrade card wrapped in an Ant Design Border Beam whose moving light changes colour and speed.

    Ant Designant-designborder-beamcardsMIT
  • An App wrapper whose useApp hook raises message and notification feedback from local actions. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design App

    An App wrapper whose useApp hook raises message and notification feedback from local actions.

    Ant Designant-designappcardsMIT
  • 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
Previous

Page 44 of 53

Next