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

  • 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
  • Search results whose matching words are highlighted as you type. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Highlight

    Search results whose matching words are highlighted as you type.

    Mantinedata-displayhighlightinteractiveMIT
  • Dashboard tiles in a 12-column Grid with a wide featured column. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Grid

    Dashboard tiles in a 12-column Grid with a wide featured column.

    Mantinedata-displaygridinteractiveMIT
  • A header row laid out with Flex, switching direction and alignment. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Flex

    A header row laid out with Flex, switching direction and alignment.

    Mantinedata-displayflexinteractiveMIT
  • A sign-in card split by labelled horizontal dividers and a vertical divider. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Divider

    A sign-in card split by labelled horizontal dividers and a vertical divider.

    Mantinedata-displaydividerinteractiveMIT
Previous

Page 4 of 5

Next