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 78Backgrounds 18Buttons 9Cards 10Data-display 17Loaders 1Modals 1Navigation 1Text-effects 21

Magic UI components

  • 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