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 1254Backgrounds 105Buttons 93Cards 84Data-display 252Feedback 88Forms 280Loaders 38Modals 59Navigation 174Text-effects 81

External components · Browse by source

  • 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
  • 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
Previous

Page 3 of 4

Next