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 1254Backgrounds 105Buttons 93Cards 84Data-display 252Feedback 88Forms 280Loaders 38Modals 59Navigation 174Text-effects 81

External components · Browse by source

  • A curved WebGL gallery of project tiles you drag, scroll or arrow through, with adjustable bend. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Circular Gallery

    A curved WebGL gallery of project tiles you drag, scroll or arrow through, with adjustable bend.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A draggable cylinder carousel of destination cards that drifts and snaps into focus. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Circular Carousel

    A draggable cylinder carousel of destination cards that drifts and snaps into focus.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A draggable card carousel of product updates with icons, dots and optional looping autoplay. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Carousel

    A draggable card carousel of product updates with icons, dots and optional looping autoplay.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A scrollable list of tasks with animated selection, keyboard arrows and edge gradients. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Animated List

    A scrollable list of tasks with animated selection, keyboard arrows and edge gradients.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Feature cards that slide and fade into place with GSAP ScrollTrigger as you scroll a release-notes panel, with vertical or horizontal entry and a replay. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Animated Content

    Feature cards that slide and fade into place with GSAP ScrollTrigger as you scroll a release-notes panel, with vertical or horizontal entry and a replay.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A row of product panels that expands the one you hover, tap or focus, with a GSAP parallax and a hover or click trigger. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Accordion Gallery

    A row of product panels that expands the one you hover, tap or focus, with a GSAP parallax and a hover or click trigger.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • Removable topic tags with keyboard selection and a restore control. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Tag Group

    Removable topic tags with keyboard selection and a restore control.

    React Ariainteractivereact-ariatag-groupApache-2.0
  • A sortable invoices table with row headers and keyboard cell navigation. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Table

    A sortable invoices table with row headers and keyboard cell navigation.

    React Ariadata-displayinteractivereact-ariaApache-2.0
  • Account menu groups divided by horizontal and vertical React Aria separators. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Separator

    Account menu groups divided by horizontal and vertical React Aria separators.

    React Ariadata-displayinteractivereact-ariaApache-2.0
  • A storage meter with a label, formatted value text and a warning colour near the limit. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Meter

    A storage meter with a label, formatted value text and a warning colour near the limit.

    React Ariadata-displayinteractivemeterApache-2.0
  • A multi-select grid list of uploads with an interactive remove button in each row. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Grid List

    A multi-select grid list of uploads with an interactive remove button in each row.

    React Ariadata-displaygrid-listinteractiveApache-2.0
  • Brand palette swatches with accessible colour names and a chosen-colour summary. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Color Swatch

    Brand palette swatches with accessible colour names and a chosen-colour summary.

    React Ariacolor-swatchdata-displayinteractiveApache-2.0
  • A profile header split by horizontal and vertical separators, with a decorative or semantic option. Radix Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Radix Separator

    A profile header split by horizontal and vertical separators, with a decorative or semantic option.

    Radix Primitivesaccessiblekeyboardradix-primitivesMIT
  • A tags list in a fixed-height panel with a custom, styled scrollbar. Radix Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Radix Scroll Area

    A tags list in a fixed-height panel with a custom, styled scrollbar.

    Radix Primitivesaccessiblekeyboardradix-primitivesMIT
  • Team avatars with an image, and initials as the fallback when no photo is available. Radix Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Radix Avatar

    Team avatars with an image, and initials as the fallback when no photo is available.

    Radix PrimitivesaccessibleavatarkeyboardMIT
  • A video thumbnail frame that keeps 16:9, 4:3 or 1:1 as the container resizes. Radix Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Radix Aspect Ratio

    A video thumbnail frame that keeps 16:9, 4:3 or 1:1 as the container resizes.

    Radix Primitivesaccessibleaspect-ratiokeyboardMIT
  • A spring-smoothed reading progress bar tied to a local article container. Motion Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Motion Primitives Scroll Progress

    A spring-smoothed reading progress bar tied to a local article container.

    Motion Primitivescompiled-cssdata-displayinteractiveMIT
  • A looping logo strip that slows down on hover, in horizontal and reversed directions. Motion Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Motion Primitives Infinite Slider

    A looping logo strip that slows down on hover, in horizontal and reversed directions.

    Motion Primitivescompiled-cssdata-displayinteractiveMIT
  • An attributed before/after Image Comparison with local compiled CSS, drag control and an added keyboard-accessible range input. Motion Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Motion Primitives Image Comparison

    An attributed before/after Image Comparison with local compiled CSS, drag control and an added keyboard-accessible range input.

    Motion Primitivesimage-comparisoninteractivemotion-primitivesMIT
  • A custom spring-follow cursor that appears only inside a design canvas panel. Motion Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Motion Primitives Cursor

    A custom spring-follow cursor that appears only inside a design canvas panel.

    Motion Primitivescompiled-csscursordata-displayMIT
  • A draggable product carousel with navigation arrows and indicator dots. Motion Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Motion Primitives Carousel

    A draggable product carousel with navigation arrows and indicator dots.

    Motion Primitivescarouselcompiled-cssdata-displayMIT
  • Feature cards that enter together with a chosen animated group preset, replayable. Motion Primitives, Data-display, 0 votes, MIT licence
    data-display0

    Motion Primitives Animated Group

    Feature cards that enter together with a chosen animated group preset, replayable.

    Motion Primitivesanimated-groupcompiled-cssdata-displayMIT
  • Typography variants previewed on sample copy while keeping the semantic heading level. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI Typography

    Typography variants previewed on sample copy while keeping the semantic heading level.

    Material UIdata-displayinteractivematerial-uiMIT
  • A captioned project table with controlled local numeric/name sorting. Material UI, Data-display, 0 votes, MIT licence
    data-display0

    Material UI Table

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

    Material UIinteractivematerial-uitableMIT
Previous

Page 3 of 11

Next