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

  • Shortcut keys rendered with Flowbite Kbd that switch between Mac and Windows. Flowbite React, Data-display, 0 votes, MIT licence
    data-display0

    Flowbite Kbd

    Shortcut keys rendered with Flowbite Kbd that switch between Mac and Windows.

    Flowbite Reactdata-displayflowbite-kbdflowbite-reactMIT
  • Section breaks drawn with Flowbite HR variants chosen locally. Flowbite React, Data-display, 0 votes, MIT licence
    data-display0

    Flowbite HR

    Section breaks drawn with Flowbite HR variants chosen locally.

    Flowbite Reactdata-displayflowbite-hrflowbite-reactMIT
  • A product Carousel with previous and next controls and slide indicators, without autoplay. Flowbite React, Data-display, 0 votes, MIT licence
    data-display0

    Flowbite Carousel

    A product Carousel with previous and next controls and slide indicators, without autoplay.

    Flowbite Reactdata-displayflowbite-carouselflowbite-reactMIT
  • Customer quotes in a Flowbite Blockquote that rotate through a fixed local list. Flowbite React, Data-display, 0 votes, MIT licence
    data-display0

    Flowbite Blockquote

    Customer quotes in a Flowbite Blockquote that rotate through a fixed local list.

    Flowbite Reactdata-displayflowbite-blockquoteflowbite-reactMIT
  • A team avatar row with initials placeholders, presence rings and dots, and an overflow counter. Flowbite React, Data-display, 0 votes, MIT licence
    data-display0

    Flowbite Avatar

    A team avatar row with initials placeholders, presence rings and dots, and an overflow counter.

    Flowbite Reactdata-displayflowbite-avatarflowbite-reactMIT
  • A vertical order timeline built from daisyUI timeline items that advance on demand. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Timeline

    A vertical order timeline built from daisyUI timeline items that advance on demand.

    daisyUIdaisyuidata-displayinteractiveMIT
  • A zebra-striped invoices table with a caption and a sortable amount column. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Table

    A zebra-striped invoices table with a caption and a sortable amount column.

    daisyUIdaisyuidata-displayinteractiveMIT
  • Service health rows with daisyUI status dots that cycle through states. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Status

    Service health rows with daisyUI status dots that cycle through states.

    daisyUIdaisyuidata-displayinteractiveMIT
  • A weekly metrics strip built from daisyUI stats with titles, values and trends. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Stat

    A weekly metrics strip built from daisyUI stats with titles, values and trends.

    daisyUIdaisyuidata-displayinteractiveMIT
  • A stack of notification cards that cycles the top card with a local control. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Stack

    A stack of notification cards that cycles the top card with a local control.

    daisyUIdaisyuidata-displayinteractiveMIT
  • A desktop window mockup that frames a local notification preview. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Mockup Window

    A desktop window mockup that frames a local notification preview.

    daisyUIdaisyuidata-displayinteractiveMIT
  • A phone frame mockup that previews a local lock-screen notification. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Mockup Phone

    A phone frame mockup that previews a local lock-screen notification.

    daisyUIdaisyuidata-displayinteractiveMIT
  • An install command shown in a daisyUI code mockup that switches between package managers. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Mockup Code

    An install command shown in a daisyUI code mockup that switches between package managers.

    daisyUIdaisyuidata-displayinteractiveMIT
  • A browser frame mockup whose address bar and page switch between local routes. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Mockup Browser

    A browser frame mockup whose address bar and page switch between local routes.

    daisyUIdaisyuidata-displayinteractiveMIT
  • A profile picture clipped by daisyUI mask shapes chosen locally. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Mask

    A profile picture clipped by daisyUI mask shapes chosen locally.

    daisyUIdaisyuidata-displayinteractiveMIT
  • A playlist built from daisyUI list rows with a play control per track. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI List

    A playlist built from daisyUI list rows with a play control per track.

    daisyUIdaisyuidata-displayinteractiveMIT
  • Keyboard shortcuts rendered as daisyUI kbd keys that switch between Mac and Windows. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Kbd

    Keyboard shortcuts rendered as daisyUI kbd keys that switch between Mac and Windows.

    daisyUIdaisyuidata-displayinteractiveMIT
  • An inbox button with a daisyUI indicator badge that counts unread messages. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Indicator

    An inbox button with a daisyUI indicator badge that counts unread messages.

    daisyUIdaisyuidata-displayindicatorMIT
  • A product photo gallery that switches images as the pointer moves across it. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Hover Gallery

    A product photo gallery that switches images as the pointer moves across it.

    daisyUIdaisyuidata-displayhover-galleryMIT
  • Two sign-in options separated by a labelled daisyUI divider that switches orientation. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Divider

    Two sign-in options separated by a labelled daisyUI divider that switches orientation.

    daisyUIdaisyuidata-displaydividerMIT
  • A before and after image comparison with a draggable daisyUI diff resizer. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Diff

    A before and after image comparison with a draggable daisyUI diff resizer.

    daisyUIdaisyuidata-displaydiffMIT
  • Focus timer with start, pause and reset controls rendered with daisyUI countdown digits. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Countdown

    Focus timer with start, pause and reset controls rendered with daisyUI countdown digits.

    daisyUIcountdowndaisyuiinteractiveMIT
  • A support conversation with start and end chat bubbles, headers, delivery footers and a local reply form. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Chat

    A support conversation with start and end chat bubbles, headers, delivery footers and a local reply form.

    daisyUIchatdaisyuiinteractiveMIT
  • A snap-scrolling daisyUI carousel of product cards with previous and next controls. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Carousel

    A snap-scrolling daisyUI carousel of product cards with previous and next controls.

    daisyUIcarouseldaisyuidata-displayMIT
Previous

Page 7 of 11

Next