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 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
  • A rotating WebGL globe with city markers behind a status banner. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Globe

    A rotating WebGL globe with city markers behind a status banner.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • Particles drifting in 3D depth behind a dark hero, in a chosen colour. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Floating 3D Particles

    Particles drifting in 3D depth behind a dark hero, in a chosen colour.

    Magic UIbackgroundscompiled-cssfloating-3d-particlesMIT
  • A canvas grid of flickering squares behind a status banner, in a locally chosen colour. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Flickering Grid

    A canvas grid of flickering squares behind a status banner, in a locally chosen colour.

    Magic UIbackgroundscompiled-cssflickering-gridMIT
  • A dotted world map with pulsing office markers. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Dotted Map

    A dotted world map with pulsing office markers.

    Magic UIbackgroundscompiled-cssinteractiveMIT
  • A dotted background behind a sign-up callout, with an optional glow. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Dot Pattern

    A dotted background behind a sign-up callout, with an optional glow.

    Magic UIbackgroundscompiled-cssdot-patternMIT
  • An attributed Animated Grid Pattern behind a waitlist card, with local compiled CSS, density, pause and reduced-motion controls. Magic UI, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Magic UI Animated Grid Pattern

    An attributed Animated Grid Pattern behind a waitlist card, with local compiled CSS, density, pause and reduced-motion controls.

    Magic UIbackgroundinteractivemagic-uiMIT