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 71Buttons 2Cards 6Data-display 18Feedback 9Forms 20Loaders 3Modals 3Navigation 10

Ant Design components

  • Checkable topic tags with removable, colour-coded selected tags and a restore action. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Tag

    Checkable topic tags with removable, colour-coded selected tags and a restore action.

    Ant Designant-designfilterinteractiveMIT
  • A captioned project table with controlled local numeric/name sorting. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Table

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

    Ant Designant-designinteractivetableMIT
  • A KPI summary of Ant Design statistics with prefixes, suffixes, precision and a weekly/monthly range switch. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Statistic

    A KPI summary of Ant Design statistics with prefixes, suffixes, precision and a weekly/monthly range switch.

    Ant Designant-designdashboarddata-displayMIT
  • Filter chips spaced with Space, switching between small, middle and large gaps and wrapping. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Space

    Filter chips spaced with Space, switching between small, middle and large gaps and wrapping.

    Ant Designant-designdata-displayinteractiveMIT
  • An SVG QR Code generated locally from an editable link, with a size control. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design QR Code

    An SVG QR Code generated locally from an editable link, with a size control.

    Ant Designant-designdata-displayinteractiveMIT
  • A mood board laid out by Masonry with uneven card heights and a local column toggle. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Masonry

    A mood board laid out by Masonry with uneven card heights and a local column toggle.

    Ant Designant-designdata-displayinteractiveMIT
  • A long team directory in Ant Design Listy, grouped by department with sticky headers and virtual scrolling. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Listy

    A long team directory in Ant Design Listy, grouped by department with sticky headers and virtual scrolling.

    Ant Designant-designdata-displayinteractiveMIT
  • A notifications List with titles, descriptions and a per-item mark-as-read action. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design List

    A notifications List with titles, descriptions and a per-item mark-as-read action.

    Ant Designant-designdata-displayinteractiveMIT
  • A gallery of local SVG images that open in the Image preview with a fallback for a missing file. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Image

    A gallery of local SVG images that open in the Image preview with a fallback for a missing file.

    Ant Designant-designdata-displayimageMIT
  • A dashboard layout using Row and Col with gutters and a local sidebar width toggle. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Grid

    A dashboard layout using Row and Col with gutters and a local sidebar width toggle.

    Ant Designant-designdata-displaygridMIT
  • A card footer laid out with Flex, switching justification and direction from local controls. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Flex

    A card footer laid out with Flex, switching justification and direction from local controls.

    Ant Designant-designdata-displayflexMIT
  • Settings sections split by titled, dashed and vertical Ant Design dividers. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Divider

    Settings sections split by titled, dashed and vertical Ant Design dividers.

    Ant Designant-designdata-displaydividerMIT
  • A bordered order summary in a Descriptions list with a column-count switch. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Descriptions

    A bordered order summary in a Descriptions list with a column-count switch.

    Ant Designant-designdata-displaydescriptionsMIT
  • An onboarding Carousel with dots and local previous and next controls. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Carousel

    An onboarding Carousel with dots and local previous and next controls.

    Ant Designant-designcarouseldata-displayMIT
  • A collaborator avatar group with a +N overflow and a badge-free size switch. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Avatar

    A collaborator avatar group with a +N overflow and a badge-free size switch.

    Ant Designant-designavatardata-displayMIT
  • A contract preview overlaid with an Ant Design Watermark whose text and opacity switch locally. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Watermark

    A contract preview overlaid with an Ant Design Watermark whose text and opacity switch locally.

    Ant Designant-designcardsinteractiveMIT
  • An app frame built from Layout with a header, collapsible sider, content and footer. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Layout

    An app frame built from Layout with a header, collapsible sider, content and footer.

    Ant Designant-designcardsinteractiveMIT
  • A ConfigProvider theme switch between default, dark and compact algorithms applied to local Ant components. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Config Provider

    A ConfigProvider theme switch between default, dark and compact algorithms applied to local Ant components.

    Ant Designant-designcardsconfig-providerMIT
  • A project card with a title, extra link, body and action buttons in the footer. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Card

    A project card with a title, extra link, body and action buttons in the footer.

    Ant Designant-designcardcardsMIT
  • A plan upgrade card wrapped in an Ant Design Border Beam whose moving light changes colour and speed. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design Border Beam

    A plan upgrade card wrapped in an Ant Design Border Beam whose moving light changes colour and speed.

    Ant Designant-designborder-beamcardsMIT
  • An App wrapper whose useApp hook raises message and notification feedback from local actions. Ant Design, Cards, 0 votes, MIT licence
    cards0

    Ant Design App

    An App wrapper whose useApp hook raises message and notification feedback from local actions.

    Ant Designant-designappcardsMIT
  • A help Float Button pinned to the corner of a panel that toggles a local help note. Ant Design, Buttons, 0 votes, MIT licence
    buttons0

    Ant Design Float Button

    A help Float Button pinned to the corner of a panel that toggles a local help note.

    Ant Designant-designbuttonsfloat-buttonMIT
  • Local project counter with disabled zero-state reset. Ant Design, Buttons, 0 votes, MIT licence
    buttons0

    Ant Design Button

    Local project counter with disabled zero-state reset.

    Ant Designant-designbuttoninteractiveMIT
Previous

Page 3 of 3