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 product photo revealed tile by tile as pixels fade in, then fading from grayscale to colour. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI Pixel Image

    A product photo revealed tile by tile as pixels fade in, then fading from grayscale to colour.

    Magic UIcompiled-cssdata-displayinteractiveMIT
  • Two concentric orbits of app icons circling a central hub in opposite directions, with a pause control. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI Orbiting Circles

    Two concentric orbits of app icons circling a central hub in opposite directions, with a pause control.

    Magic UIcompiled-cssdata-displayinteractiveMIT
  • A magnifying lens that follows the pointer over a product photo, with a chosen zoom level. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI Lens

    A magnifying lens that follows the pointer over a product photo, with a chosen zoom level.

    Magic UIcompiled-cssdata-displayinteractiveMIT
  • An iPhone mockup framing a local app screen that switches between two views. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI iPhone

    An iPhone mockup framing a local app screen that switches between two views.

    Magic UIcompiled-cssdata-displayinteractiveMIT
  • A draggable 3D sphere of tool icons that spins on its own and pauses on demand. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI Icon Cloud

    A draggable 3D sphere of tool icons that spins on its own and pauses on demand.

    Magic UIcompiled-cssdata-displayicon-cloudMIT
  • An expandable project file tree with folders, files and a selected file. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI File Tree

    An expandable project file tree with folders, files and a selected file.

    Magic UIcompiled-cssdata-displayinteractiveMIT
  • A before-and-after code view highlighted by shiki, with the changed lines marked. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI Code Comparison

    A before-and-after code view highlighted by shiki, with the changed lines marked.

    Magic UIcompiled-cssdata-displayde-comparisonMIT
  • Overlapping contributor avatars with a count of other people, from local avatar data. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI Avatar Circles

    Overlapping contributor avatars with a count of other people, from local avatar data.

    Magic UIavatar-circlescompiled-cssdata-displayMIT
  • Activity notifications that slide in one by one with the animated list, replayable on demand. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI Animated List

    Activity notifications that slide in one by one with the animated list, replayable on demand.

    Magic UIanimated-listcompiled-cssdata-displayMIT
  • Animated beams connect a web app, an API and a database to show a request flowing between services. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI Animated Beam

    Animated beams connect a web app, an API and a database to show a request flowing between services.

    Magic UIanimated-beamcompiled-cssdata-displayMIT
  • An Android phone mockup framing a local app screen that switches between light and dark. Magic UI, Data-display, 0 votes, MIT licence
    data-display0

    Magic UI Android

    An Android phone mockup framing a local app screen that switches between light and dark.

    Magic UIandroidcompiled-cssdata-displayMIT
  • A short article set with HeroUI Typography heading, paragraph and inline code. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Typography

    A short article set with HeroUI Typography heading, paragraph and inline code.

    HeroUIdata-displayherouiinteractiveApache-2.0
  • Removable topic tags in a HeroUI Tag Group with a restore control. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Tag Group

    Removable topic tags in a HeroUI Tag Group with a restore control.

    HeroUIdata-displayherouiinteractiveApache-2.0
  • A team members HeroUI Table with a row header, status column and sortable names. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Table

    A team members HeroUI Table with a row header, status column and sortable names.

    HeroUIdata-displayherouiinteractiveApache-2.0
  • Profile details divided by HeroUI separators that switch orientation locally. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Separator

    Profile details divided by HeroUI separators that switch orientation locally.

    HeroUIdata-displayherouiinteractiveApache-2.0
  • A release notes panel whose HeroUI Scroll Shadow fades the edges while more content is hidden. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Scroll Shadow

    A release notes panel whose HeroUI Scroll Shadow fades the edges while more content is hidden.

    HeroUIdata-displayherouiinteractiveApache-2.0
  • Keyboard shortcuts rendered with HeroUI Kbd modifier abbreviations and key content. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Kbd

    Keyboard shortcuts rendered with HeroUI Kbd modifier abbreviations and key content.

    HeroUIdata-displayherouiinteractiveApache-2.0
  • A design-token palette rendered with HeroUI Color Swatch in a chosen shape. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Color Swatch

    A design-token palette rendered with HeroUI Color Swatch in a chosen shape.

    HeroUIcolor-swatchdata-displayherouiApache-2.0
  • Status and label chips with colour, variant and size props. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Chip

    Status and label chips with colour, variant and size props.

    HeroUIchipherouiinteractiveApache-2.0
  • A project team shown as an overlapping HeroUI Avatar Group with an overflow count. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Avatar Group

    A project team shown as an overlapping HeroUI Avatar Group with an overflow count.

    HeroUIavatar-groupdata-displayherouiApache-2.0
  • Avatars with an image, initials fallback and soft colour variants. HeroUI, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    HeroUI Avatar

    Avatars with an image, initials fallback and soft colour variants.

    HeroUIavatarherouiinteractiveApache-2.0
  • Vertical shipment timeline with time, title and body slots. Flowbite React, Data-display, 0 votes, MIT licence
    data-display0

    Flowbite React Timeline

    Vertical shipment timeline with time, title and body slots.

    Flowbite Reactflowbite-reactinteractivetimelineMIT
  • A striped invoices Table with a sortable amount column. Flowbite React, Data-display, 0 votes, MIT licence
    data-display0

    Flowbite Table

    A striped invoices Table with a sortable amount column.

    Flowbite Reactdata-displayflowbite-reactflowbite-tableMIT
  • Setup steps shown with Flowbite List, switching between ordered and unordered. Flowbite React, Data-display, 0 votes, MIT licence
    data-display0

    Flowbite List

    Setup steps shown with Flowbite List, switching between ordered and unordered.

    Flowbite Reactdata-displayflowbite-listflowbite-reactMIT
Previous

Page 6 of 11

Next