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

  • An invoice summary in DataList with a divider option. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Data List

    An invoice summary in DataList with a divider option.

    Mantinedata-displaydata-listinteractiveMIT
  • Inline and block code samples with a language switcher for an install command. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Code

    Inline and block code samples with a language switcher for an install command.

    Mantinecodedata-displayinteractiveMIT
  • Customer quotes in a Mantine Blockquote with a citation and previous/next controls. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Blockquote

    Customer quotes in a Mantine Blockquote with a citation and previous/next controls.

    Mantineblockquotedata-displayinteractiveMIT
  • An overlapping attendee avatar group with initials colours and a join action. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Avatar

    An overlapping attendee avatar group with initials colours and a join action.

    Mantineavatardata-displayinteractiveMIT
  • A video placeholder kept at 16:9, 4:3 or 1:1 by AspectRatio. Mantine, Data-display, 0 votes, MIT licence
    data-display0

    Mantine Aspect Ratio

    A video placeholder kept at 16:9, 4:3 or 1:1 by AspectRatio.

    Mantineaspect-ratiodata-displayinteractiveMIT
  • Paper surfaces with border, radius and shadow options for a pricing note. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Paper

    Paper surfaces with border, radius and shadow options for a pricing note.

    MantinecardsinteractivemantineMIT
  • A pricing note constrained by Container sizes, with a fluid option. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Container

    A pricing note constrained by Container sizes, with a fluid option.

    MantinecardscontainerinteractiveMIT
  • An empty upload area whose prompt is centred with Center, inline or block. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Center

    An empty upload area whose prompt is centred with Center, inline or block.

    MantinecardscenterinteractiveMIT
  • A cabin listing card with an image section, badge, details and a booking action. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Card

    A cabin listing card with an image section, badge, details and a booking action.

    MantinecardcardsinteractiveMIT
  • A promo card built from Box style props, with padding, tint and a featured modifier toggled locally. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Box

    A promo card built from Box style props, with padding, tint and a featured modifier toggled locally.

    MantineboxcardsinteractiveMIT
  • A hero card with an inline background image and readable overlaid text. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine Background Image

    A hero card with an inline background image and readable overlaid text.

    Mantinebackground-imagecardsinteractiveMIT
  • A static App Shell with a header, collapsible navbar and main area that switches pages locally. Mantine, Cards, 0 votes, MIT licence
    cards0

    Mantine App Shell

    A static App Shell with a header, collapsible navbar and main area that switches pages locally.

    Mantineapp-shellcardsinteractiveMIT
  • Selectable plan tiles built from UnstyledButton with custom styling and pressed state. Mantine, Buttons, 0 votes, MIT licence
    buttons0

    Mantine Unstyled Button

    Selectable plan tiles built from UnstyledButton with custom styling and pressed state.

    MantinebuttonsinteractivemantineMIT
  • Form actions arranged with Group, switching justification and wrapping. Mantine, Buttons, 0 votes, MIT licence
    buttons0

    Mantine Group

    Form actions arranged with Group, switching justification and wrapping.

    MantinebuttonsgroupinteractiveMIT
  • A button that opens the file picker for avatar images and lists the chosen file locally. Mantine, Buttons, 0 votes, MIT licence
    buttons0

    Mantine File Button

    A button that opens the file picker for avatar images and lists the chosen file locally.

    Mantinebuttonsfile-buttoninteractiveMIT
  • An invite link with a CopyButton that shows a copied state for two seconds. Mantine, Buttons, 0 votes, MIT licence
    buttons0

    Mantine Copy Button

    An invite link with a CopyButton that shows a copied state for two seconds.

    Mantinebuttonscopy-buttoninteractiveMIT
  • Dismissible announcement cards each closed with a labelled Mantine close button. Mantine, Buttons, 0 votes, MIT licence
    buttons0

    Mantine Close Button

    Dismissible announcement cards each closed with a labelled Mantine close button.

    Mantinebuttonsclose-buttoninteractiveMIT
  • Library action buttons; local project counter and disabled reset. Mantine, Buttons, 0 votes, MIT licence
    buttons0

    Mantine Button

    Library action buttons; local project counter and disabled reset.

    MantinebuttoninteractivemantineMIT
  • Podcast player controls built from a labelled action icon group. Mantine, Buttons, 0 votes, MIT licence
    buttons0

    Mantine Action Icon

    Podcast player controls built from a labelled action icon group.

    Mantineaction-iconbuttonsinteractiveMIT
Previous

Page 5 of 5