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 before and after panel that swaps content through a dissolving pixel transition. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Pixel Swap

    A before and after panel that swaps content through a dissolving pixel transition.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A card that fills with shimmering pixels on hover or focus, in a chosen colour variant. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Pixel Card

    A card that fills with shimmering pixels on hover or focus, in a chosen colour variant.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A bento grid of feature cards with a GSAP spotlight, border glow, particles and click ripples, with glow colours and an optional tilt. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Magic Bento

    A bento grid of feature cards with a GSAP spotlight, border glow, particles and click ripples, with glow colours and an optional tilt.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A 3D ID card hanging from a physics-driven lanyard: drag the card and it swings on the strap under gravity, with a choice of card artwork and gravity and a button to drop it again. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Lanyard

    A 3D ID card hanging from a physics-driven lanyard: drag the card and it swings on the strap under gravity, with a choice of card artwork and gravity and a button to drop it again.

    React BitsanimationinteractivephysicsMIT + Commons Clause License Condition v1.0
  • A frosted glass panel with refractive distortion floating over a colourful backdrop. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Glass Surface

    A frosted glass panel with refractive distortion floating over a colourful backdrop.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A gift card that sweeps a glare across its surface on hover, with a chosen card finish. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Glare Hover

    A gift card that sweeps a glare across its surface on hover, with a chosen card finish.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A business card that flips with spring physics, tilts toward the pointer and shows a glare. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Flip Card

    A business card that flips with spring physics, tilts toward the pointer and shows a glare.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A card wrapped in a crackling electric border, with adjustable chaos and colour. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Electric Border

    A card wrapped in a crackling electric border, with adjustable chaos and colour.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A poster card whose image warps through an SVG turbulence filter as the pointer moves, with GSAP-smoothed displacement and two strengths. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Decay Card

    A poster card whose image warps through an SVG turbulence filter as the pointer moves, with GSAP-smoothed displacement and two strengths.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A team grid that stays greyscale until the pointer passes, revealing colour in a GSAP-driven spotlight, with spotlight size and follow speed options. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Chroma Grid

    A team grid that stays greyscale until the pointer passes, revealing colour in a GSAP-driven spotlight, with spotlight size and follow speed options.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A 3D stack of feature cards that GSAP cycles front to back on a timer, pausing on hover, with elastic or smooth motion. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Card Swap

    A 3D stack of feature cards that GSAP cycles front to back on a timer, pausing on hover, with elastic or smooth motion.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A fan of product shots that bounce into place with a GSAP elastic stagger and spread apart on hover, with a replay. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Bounce Cards

    A fan of product shots that bounce into place with a GSAP elastic stagger and spread apart on hover, with a replay.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A dark pricing card whose border glows in multicolour near the pointer, optionally animated. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Border Glow

    A dark pricing card whose border glows in multicolour near the pointer, optionally animated.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Teammate mentions in release notes that show a profile preview popover on hover, focus or long press. React Aria, Cards, 0 votes, Apache-2.0 licence
    cards0

    React Aria Preview Trigger

    Teammate mentions in release notes that show a profile preview popover on hover, focus or long press.

    React Ariacardsinteractivepreview-triggerApache-2.0
  • A profile preview card that opens when hovering or focusing a mention in a comment. Radix Primitives, Cards, 0 votes, MIT licence
    cards0

    Radix Hover Card

    A profile preview card that opens when hovering or focusing a mention in a comment.

    Radix Primitivesaccessiblehover-cardkeyboardMIT
  • An attributed Tilt card with strength, reverse and on/off controls plus reduced-motion support. Motion Primitives, Cards, 0 votes, MIT licence
    cards0

    Motion Primitives Tilt

    An attributed Tilt card with strength, reverse and on/off controls plus reduced-motion support.

    Motion Primitivesanimationinteractivemotion-primitivesMIT
  • A dark feature card lit by a soft spotlight that follows the pointer. Motion Primitives, Cards, 0 votes, MIT licence
    cards0

    Motion Primitives Spotlight

    A dark feature card lit by a soft spotlight that follows the pointer.

    Motion Primitivescardscompiled-cssinteractiveMIT
  • A city photo whose chosen edge fades under a layered progressive blur, with the caption on that edge. Motion Primitives, Cards, 0 votes, MIT licence
    cards0

    Motion Primitives Progressive Blur

    A city photo whose chosen edge fades under a layered progressive blur, with the caption on that edge.

    Motion Primitivescardscompiled-cssinteractiveMIT
  • A plan card with an animated colour glow behind it, in a locally chosen glow mode. Motion Primitives, Cards, 0 votes, MIT licence
    cards0

    Motion Primitives Glow Effect

    A plan card with an animated colour glow behind it, in a locally chosen glow mode.

    Motion Primitivescardscompiled-cssglow-effectMIT
  • An attributed Border Trail card with local compiled CSS, speed controls, stop/start and reduced-motion support. Motion Primitives, Cards, 0 votes, MIT licence
    cards0

    Motion Primitives Border Trail

    An attributed Border Trail card with local compiled CSS, speed controls, stop/start and reduced-motion support.

    Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
  • Paper surfaces at several elevations plus an outlined variant, with an elevation picker. Material UI, Cards, 0 votes, MIT licence
    cards0

    Material UI Paper

    Paper surfaces at several elevations plus an outlined variant, with an elevation picker.

    Material UIcardsinteractivematerial-uiMIT
  • The no-flash colour scheme script that InitColorSchemeScript renders on the server, shown as generated and run against a demo panel for a stored light, dark or system mode. Material UI, Cards, 0 votes, MIT licence
    cards0

    Material UI Init Color Scheme Script

    The no-flash colour scheme script that InitColorSchemeScript renders on the server, shown as generated and run against a demo panel for a stored light, dark or system mode.

    Material UIcardsinteractivematerial-uiMIT
  • A plain form shown with and without ScopedCssBaseline normalising its styles. Material UI, Cards, 0 votes, MIT licence
    cards0

    Material UI CSS Baseline

    A plain form shown with and without ScopedCssBaseline normalising its styles.

    Material UIcardscss-baselineinteractiveMIT
  • Article content constrained by Container with a selectable maximum width. Material UI, Cards, 0 votes, MIT licence
    cards0

    Material UI Container

    Article content constrained by Container with a selectable maximum width.

    Material UIcardscontainerinteractiveMIT
Previous

Page 42 of 53

Next