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

  • 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
  • A subscribe button with a moving shine that confirms the subscription locally. Magic UI, Buttons, 0 votes, MIT licence
    buttons0

    Magic UI Shiny Button

    A subscribe button with a moving shine that confirms the subscription locally.

    Magic UIbuttonscompiled-cssinteractiveMIT
  • An attributed Magic UI Shimmer Button example with local CSS, accessible controls and announced state. Magic UI, Buttons, 0 votes, MIT licence
    buttons0

    Magic UI Shimmer Button

    An attributed Magic UI Shimmer Button example with local CSS, accessible controls and announced state.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • A like button that ripples from the point of each click and counts likes locally. Magic UI, Buttons, 0 votes, MIT licence
    buttons0

    Magic UI Ripple Button

    A like button that ripples from the point of each click and counts likes locally.

    Magic UIbuttonscompiled-cssinteractiveMIT
  • A download button with an animated rainbow glow, in default and outline variants. Magic UI, Buttons, 0 votes, MIT licence
    buttons0

    Magic UI Rainbow Button

    A download button with an animated rainbow glow, in default and outline variants.

    Magic UIbuttonscompiled-cssinteractiveMIT
  • A call-to-action button with a pulsing halo that stops once the action is taken. Magic UI, Buttons, 0 votes, MIT licence
    buttons0

    Magic UI Pulsating Button

    A call-to-action button with a pulsing halo that stops once the action is taken.

    Magic UIbuttonscompiled-cssinteractiveMIT
  • A get-started button whose dot expands to fill it on hover, revealing an arrow. Magic UI, Buttons, 0 votes, MIT licence
    buttons0

    Magic UI Interactive Hover Button

    A get-started button whose dot expands to fill it on hover, revealing an arrow.

    Magic UIbuttonscompiled-cssinteractiveMIT
  • A celebrate button that sprays emoji or circle particles from the pointer while pressed. Magic UI, Buttons, 0 votes, MIT licence
    buttons0

    Magic UI Cool Mode

    A celebrate button that sprays emoji or circle particles from the pointer while pressed.

    Magic UIbuttonscompiled-csscool-modeMIT
  • A launch button that fires a burst of canvas confetti from where it was pressed. Magic UI, Buttons, 0 votes, MIT licence
    buttons0

    Magic UI Confetti

    A launch button that fires a burst of canvas confetti from where it was pressed.

    Magic UIbuttonscompiled-cssinteractiveMIT
  • A sun and moon toggle that switches this preview between light and dark with a circular reveal. Magic UI, Buttons, 0 votes, MIT licence
    buttons0

    Magic UI Animated Theme Toggler

    A sun and moon toggle that switches this preview between light and dark with a circular reveal.

    Magic UIanimated-theme-togglerbuttonscompiled-cssMIT
  • A launch card floating over a warp-speed grid of light beams. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Warp Background

    A launch card floating over a warp-speed grid of light beams.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • A diagonal striped background behind a maintenance notice, with a local stripe direction. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Striped Pattern

    A diagonal striped background behind a maintenance notice, with a local stripe direction.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • Concentric ripples radiating behind a contact card, with a local ring count. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Ripple

    Concentric ripples radiating behind a contact card, with a local ring count.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • A receding perspective grid behind an arcade-style launch banner. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Retro Grid

    A receding perspective grid behind an arcade-style launch banner.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • Drifting canvas particles behind a dark hero banner, with a local particle count. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Particles

    Drifting canvas particles behind a dark hero banner, with a local particle count.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • A grainy noise texture over a gradient poster, with local grain strength. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Noise Texture

    A grainy noise texture over a gradient poster, with local grain strength.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • A meteor shower streaking across a dark launch banner, with a local meteor count. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Meteors

    A meteor shower streaking across a dark launch banner, with a local meteor count.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • Soft light rays drifting over a dark event banner, with a local ray count. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Light Rays

    Soft light rays drifting over a dark event banner, with a local ray count.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • A grid background whose cells light up under the pointer behind a call to action. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Interactive Grid Pattern

    A grid background whose cells light up under the pointer behind a call to action.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • A honeycomb background behind a team callout, switching between horizontal and vertical cells. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Hexagon Pattern

    A honeycomb background behind a team callout, switching between horizontal and vertical cells.

    Magic UIbackgroundscompiled-csshexagon-patternMIT
  • A blueprint grid background with highlighted squares behind a product callout. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Grid Pattern

    A blueprint grid background with highlighted squares behind a product callout.

    Magic UIbackgroundscompiled-cssgrid-patternMIT
  • A shifting field of glyphs behind a developer-tools banner, with a chosen glyph set. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Glyph Matrix

    A shifting field of glyphs behind a developer-tools banner, with a chosen glyph set.

    Magic UIbackgroundscompiled-cssglyph-matrixMIT
Previous

Page 3 of 4

Next