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 recipe card with header, content, actions and an expandable method section. Material UI, Cards, 0 votes, MIT licence
    cards0

    Material UI Card

    A recipe card with header, content, actions and an expandable method section.

    Material UIcardcardsinteractiveMIT
  • A profile summary laid out with Box and the sx prop, with a compact spacing switch. Material UI, Cards, 0 votes, MIT licence
    cards0

    Material UI Box

    A profile summary laid out with Box and the sx prop, with a compact spacing switch.

    Material UIboxcardsinteractiveMIT
  • Paper surfaces with border, radius and shadow options for a pricing note. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Paper

    Paper surfaces with border, radius and shadow options for a pricing note.

    MantinecardsinteractivemantineMIT
  • A pricing note constrained by Container sizes, with a fluid option. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Container

    A pricing note constrained by Container sizes, with a fluid option.

    MantinecardscontainerinteractiveMIT
  • An empty upload area whose prompt is centred with Center, inline or block. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Center

    An empty upload area whose prompt is centred with Center, inline or block.

    MantinecardscenterinteractiveMIT
  • A cabin listing card with an image section, badge, details and a booking action. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Card

    A cabin listing card with an image section, badge, details and a booking action.

    MantinecardcardsinteractiveMIT
  • A promo card built from Box style props, with padding, tint and a featured modifier toggled locally. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Box

    A promo card built from Box style props, with padding, tint and a featured modifier toggled locally.

    MantineboxcardsinteractiveMIT
  • A hero card with an inline background image and readable overlaid text. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Background Image

    A hero card with an inline background image and readable overlaid text.

    Mantinebackground-imagecardsinteractiveMIT
  • A static App Shell with a header, collapsible navbar and main area that switches pages locally. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine App Shell

    A static App Shell with a header, collapsible navbar and main area that switches pages locally.

    Mantineapp-shellcardsinteractiveMIT
  • A styled tweet card rendered from a local, fictional tweet object, so nothing is fetched. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Tweet Card

    A styled tweet card rendered from a local, fictional tweet object, so nothing is fetched.

    Magic UIcardscompiled-csseet-cardMIT
  • An attributed Shine Border example with local compiled CSS, accessible controls and reduced-motion support. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Shine Border

    An attributed Shine Border example with local compiled CSS, accessible controls and reduced-motion support.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • A pricing highlight card wrapped in an animated neon gradient border. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Neon Gradient Card

    A pricing highlight card wrapped in an animated neon gradient border.

    Magic UIcardscompiled-cssinteractiveMIT
  • Horizontal team-logo marquee with pause, direction and reduced-motion controls. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Marquee

    Horizontal team-logo marquee with pause, direction and reduced-motion controls.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • A pricing card whose border and spotlight gradient follow the pointer. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Magic Card

    A pricing card whose border and spotlight gradient follow the pointer.

    Magic UIcardscompiled-cssgic-cardMIT
  • A premium membership card that sweeps a glare across its surface on hover. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Glare Hover

    A premium membership card that sweeps a glare across its surface on hover.

    Magic UIcardscompiled-cssglare-hoverMIT
  • A client-side tweet card that loads a tweet through react-tweet and shows a skeleton or a not-found card; the preview loads a local, fictional tweet from a data URL, so nothing is fetched from the network. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Client Tweet Card

    A client-side tweet card that loads a tweet through react-tweet and shows a skeleton or a not-found card; the preview loads a local, fictional tweet from a data URL, so nothing is fetched from the network.

    Magic UIcardscompiled-cssient-tweet-cardMIT
  • An attributed Border Beam example with local compiled CSS, accessible controls and reduced-motion support. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Border Beam

    An attributed Border Beam example with local compiled CSS, accessible controls and reduced-motion support.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • A bento grid of feature cards whose call to action slides in on hover or focus. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Bento Grid

    A bento grid of feature cards whose call to action slides in on hover or focus.

    Magic UIcardscompiled-cssinteractiveMIT
  • An album cover with a soft coloured backlight glow whose blur changes locally. Magic UI, Cards, 0 votes, MIT licence
    cards0

    Magic UI Backlight

    An album cover with a soft coloured backlight glow whose blur changes locally.

    Magic UIbacklightcardscompiled-cssMIT
  • Notification panels on HeroUI surfaces whose variant switches locally. HeroUI, Cards, 0 votes, Apache-2.0 licence
    cards0

    HeroUI Surface

    Notification panels on HeroUI surfaces whose variant switches locally.

    HeroUIcardsherouiinteractiveApache-2.0
  • A plan Card with header, title, description, content and footer action. HeroUI, Cards, 0 votes, Apache-2.0 licence
    cards0

    HeroUI Card

    A plan Card with header, title, description, content and footer action.

    HeroUIcardcardsherouiApache-2.0
  • A site Footer with link groups, a divider and a copyright line. Flowbite React, Cards, 0 votes, MIT licence
    cards0

    Flowbite Footer

    A site Footer with link groups, a divider and a copyright line.

    Flowbite Reactcardsflowbite-footerflowbite-reactMIT
  • A plan Card with a heading, description and a local upgrade action. Flowbite React, Cards, 0 votes, MIT licence
    cards0

    Flowbite Card

    A plan Card with a heading, description and a local upgrade action.

    Flowbite Reactcardsflowbite-cardflowbite-reactMIT
  • A membership card that tilts in 3D under the pointer, with a local plan switch. daisyUI, Cards, 0 votes, MIT licence
    cards0

    daisyUI Hover 3D

    A membership card that tilts in 3D under the pointer, with a local plan switch.

    daisyUIcardsdaisyuihover-3dMIT
Previous

Page 43 of 53

Next