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 115Buttons 7Cards 7Data-display 33Feedback 9Forms 34Loaders 4Modals 4Navigation 17

Mantine components

  • 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
  • Label chips that collapse into a "+N more" summary with OverflowList when the row narrows. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Overflow List

    Label chips that collapse into a "+N more" summary with OverflowList when the row narrows.

    Mantinedata-displayinteractivemantineMIT
  • An invoice whose quantities, totals and tax rate are formatted with NumberFormatter. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Number Formatter

    An invoice whose quantities, totals and tax rate are formatted with NumberFormatter.

    Mantinedata-displayinteractivemantineMIT
  • A scrolling partner-logo strip with a pause control and hover pause. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Marquee

    A scrolling partner-logo strip with a pause control and hover pause.

    Mantinedata-displayinteractivemantineMIT
  • Meeting notes with action items highlighted by Mantine Mark in a chosen colour. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Mark

    Meeting notes with action items highlighted by Mantine Mark in a chosen colour.

    Mantinedata-displayinteractivemantineMIT
  • An ordered setup checklist and an unordered list with custom icons for done items. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine List

    An ordered setup checklist and an unordered list with custom icons for done items.

    Mantinedata-displayinteractivelistMIT
  • A searchable keyboard shortcut sheet with key combinations rendered as Kbd. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Kbd

    A searchable keyboard shortcut sheet with key combinations rendered as Kbd.

    Mantinedata-displayinteractivekbdMIT
  • An inbox button with an unread-count indicator that hides when everything is read. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Indicator

    An inbox button with an unread-count indicator that hides when everything is read.

    Mantinedata-displayindicatorinteractiveMIT
  • A rounded image with a fallback, switching between cover and contain fit. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Image

    A rounded image with a fallback, switching between cover and contain fit.

    Mantinedata-displayimageinteractiveMIT
  • A comment author name that shows a profile hover card on hover or keyboard focus. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Hover Card

    A comment author name that shows a profile hover card on hover or keyboard focus.

    Mantinedata-displayhover-cardinteractiveMIT

Page 1 of 2

Next