Skip to main content
aino.dev

Components, tools, and news for developers.

Explore

LibraryNews

Community

TwitterYouTubeInstagram

© 2026 Kaino.dev

Privacy PolicyTerms of Service

v0.1.0

aino.dev
ComponentsMusicSFXDiscoverNews
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

  • A folder Tree with connecting lines, expandable branches and single selection. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Tree

    A folder Tree with connecting lines, expandable branches and single selection.

    Ant Designant-designdata-displayinteractiveMIT
  • A deployment timeline with coloured status items and a pending step. Ant Design, Data-display, 0 votes, MIT licence
    data-display0

    Ant Design Timeline

    A deployment timeline with coloured status items and a pending step.

    Ant Designant-designdata-displayinteractiveMIT
  • 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
  • Online and offline avatar stacks that animate a person between groups when clicked, with name tooltips; profile photos are neutral local placeholders. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI User Presence Avatar

    Online and offline avatar stacks that animate a person between groups when clicked, with name tooltips; profile photos are neutral local placeholders.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • A draggable avatar on an elastic spring line that snaps back when released. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Spring

    A draggable avatar on an elastic spring line that snaps back when released.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • A reading progress bar that fills as a local article container scrolls. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Scroll Progress

    A reading progress bar that fills as a local article container scrolls.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • Team avatars that fly out from the centre into a radial ring, replayable. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Radial Intro

    Team avatars that fly out from the centre into a radial ring, replayable.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • A headless dot-matrix grid that steps through frames of lit cells, styled locally as an LED status display with play, pause and speed controls. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Motion Grid

    A headless dot-matrix grid that steps through frames of lit cells, styled locally as an LED status display with play, pause and speed controls.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • A draggable Embla carousel whose active slide springs to full size, with arrows and dot navigation. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Motion Carousel

    A draggable Embla carousel whose active slide springs to full size, with arrows and dot navigation.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
  • A product photo that zooms toward the pointer for a closer look, with a local zoom level. Animate UI, Data-display, 0 votes, MIT + Commons Clause License Condition licence
    data-display0

    Animate UI Image Zoom

    A product photo that zooms toward the pointer for a closer look, with a local zoom level.

    Animate UIanimate-uicompiled-cssdata-displayMIT + Commons Clause License Condition
Previous

Page 10 of 11

Next