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

  • Order status steps in a Stack with dividers and a direction switch. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI Stack

    Order status steps in a Stack with dividers and a direction switch.

    Material UIdata-displayinteractivematerial-uiMIT
  • A client-only local time panel wrapped in NoSsr with a fallback. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI No SSR

    A client-only local time panel wrapped in NoSsr with a fallback.

    Material UIdata-displayinteractivematerial-uiMIT
  • A selectable inbox list with secondary text and a nested, collapsible folder. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI List

    A selectable inbox list with secondary text and a nested, collapsible folder.

    Material UIdata-displayinteractivelistMIT
  • A palette gallery in an image list with title bars and a favourite toggle per tile. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI Image List

    A palette gallery in an image list with title bars and a favourite toggle per tile.

    Material UIdata-displayimage-listinteractiveMIT
  • A service status list drawn with Material Icons ligatures through the Icon component, using a locally bundled Material Icons font, with colour and size controls. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI Icon

    A service status list drawn with Material Icons ligatures through the Icon component, using a locally bundled Material Icons font, with colour and size controls.

    Material UIdata-displayiconinteractiveMIT
  • Dashboard metric tiles in a responsive Grid with a column-count switch. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI Grid

    Dashboard metric tiles in a responsive Grid with a column-count switch.

    Material UIdata-displaygridinteractiveMIT
  • An order summary split by full, inset and labelled dividers, with a vertical divider. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI Divider

    An order summary split by full, inset and labelled dividers, with a vertical divider.

    Material UIdata-displaydividerinteractiveMIT
  • Clickable suggestion chips that add search filters, shown as deletable chips. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI Chip

    Clickable suggestion chips that add search filters, shown as deletable chips.

    Material UIchipdata-displayinteractiveMIT
  • A reviewer avatar group with a surplus count that expands to show everyone. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI Avatar

    A reviewer avatar group with a surplus count that expands to show everyone.

    Material UIavatardata-displayinteractiveMIT
  • Rich article HTML styled by the Typography wrapper, toggled on and off. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Typography

    Rich article HTML styled by the Typography wrapper, toggled on and off.

    Mantinedata-displayinteractivemantineMIT
  • A heading hierarchy built from Title orders, with a size override for a compact layout. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Title

    A heading hierarchy built from Title orders, with a size override for a compact layout.

    Mantinedata-displayinteractivemantineMIT
  • A release timeline with a current stage and local advance and reset controls. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Timeline

    A release timeline with a current stage and local advance and reset controls.

    MantineinteractivemantinetimelineMIT
  • A feature list with theme icons that switch between filled, light and outline variants. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Theme Icon

    A feature list with theme icons that switch between filled, light and outline variants.

    Mantinedata-displayinteractivemantineMIT
  • Product copy using Text sizes, weights, dimmed colour and line clamping with a toggle. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Text

    Product copy using Text sizes, weights, dimmed colour and line clamping with a toggle.

    Mantinedata-displayinteractivemantineMIT
  • A captioned project table with controlled local numeric/name sorting. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Table

    A captioned project table with controlled local numeric/name sorting.

    MantineinteractivemantinetableMIT
  • Release checklist items stacked with adjustable gap and alignment. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Stack

    Release checklist items stacked with adjustable gap and alignment.

    Mantinedata-displayinteractivemantineMIT
  • Release notes clipped to a fixed height with a show more / show less control. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Spoiler

    Release notes clipped to a fixed height with a show more / show less control.

    Mantinedata-displayinteractivemantineMIT
  • A receipt whose sections are separated by adjustable Space gaps. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Space

    A receipt whose sections are separated by adjustable Space gaps.

    Mantinedata-displayinteractivemantineMIT
  • Feature cards in a SimpleGrid with a selectable column count and spacing. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Simple Grid

    Feature cards in a SimpleGrid with a selectable column count and spacing.

    Mantinedata-displayinteractivemantineMIT
  • A fundraising gauge with a centred label that fills as donations are added. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Semi Circle Progress

    A fundraising gauge with a centred label that fills as donations are added.

    Mantinedata-displayinteractivemantineMIT
  • A fixed-height, keyboard-scrollable changelog with custom scrollbars. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Scroll Area

    A fixed-height, keyboard-scrollable changelog with custom scrollbars.

    Mantinedata-displayinteractivemantineMIT
  • A sign-up counter whose digits roll to each new value, with an accessible text value. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Rolling Number

    A sign-up counter whose digits roll to each new value, with an accessible text value.

    Mantineanimationdata-displaymantineMIT
  • A labelled storage ring with a section legend and local plan switching. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Ring Progress

    A labelled storage ring with a section legend and local plan switching.

    MantineinteractivemantineprogressMIT
  • Removable skill pills with labelled remove buttons and an add field. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Pill

    Removable skill pills with labelled remove buttons and an add field.

    Mantinedata-displayinteractivemantineMIT
Previous

Page 4 of 11

Next