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

Categories

All 20Backgrounds 3Buttons 3Cards 3Forms 3Loaders 2Modals 1Navigation 2Text-effects 3

Kaino components · Made for this community

  • A compact React radio group for switching between three views with native keyboard support. Kaino, Navigation, 0 votes, MIT licence
    navigation0

    Segmented Control

    A compact React radio group for switching between three views with native keyboard support.

    KainoformsnavigationradioMIT
  • Accessible React tabs with a sliding indicator, arrow-key navigation and linked panels. Kaino, Navigation, 1 vote, MIT licence
    navigation1

    Animated Tabs

    Accessible React tabs with a sliding indicator, arrow-key navigation and linked panels.

    KainoanimationkeyboardnavigationMIT
  • A native React modal dialog with focus containment, Escape and backdrop dismissal, and a working edit form. Kaino, Modals, 0 votes, MIT licence
    modals0

    Modal Dialog

    A native React modal dialog with focus containment, Escape and backdrop dismissal, and a working edit form.

    KainodialogfocusformMIT
  • An accessible React on/off switch built on a native checkbox with keyboard focus and reduced motion. Kaino, Forms, 0 votes, MIT licence
    forms0

    Toggle Switch

    An accessible React on/off switch built on a native checkbox with keyboard focus and reduced motion.

    KainocheckboxsettingsswitchMIT
  • Six React verification-code inputs with numeric paste, autofill, arrow keys and backspace navigation. Kaino, Forms, 0 votes, MIT licence
    forms0

    OTP Input

    Six React verification-code inputs with numeric paste, autofill, arrow keys and backspace navigation.

    KainoinputkeyboardotpMIT
  • A React email input with a floating label, visible validation and an accessible success state. Kaino, Forms, 0 votes, MIT licence
    forms0

    Floating Label Input

    A React email input with a floating label, visible validation and an accessible success state.

    Kainoemailfloating labelinputMIT
  • A React typewriter heading with a blinking cursor, stable layout, replay, and full text for screen readers and reduced motion. Kaino, Text-effects, 0 votes, MIT licence
    text-effects0

    Typewriter Text

    A React typewriter heading with a blinking cursor, stable layout, replay, and full text for screen readers and reduced motion.

    KainocursortexttypewriterMIT
  • An animated React number counter that counts up to a target, with eased motion, replay, and an instant reduced-motion state. Kaino, Text-effects, 0 votes, MIT licence
    text-effects0

    Number Ticker

    An animated React number counter that counts up to a target, with eased motion, replay, and an instant reduced-motion state.

    KainocounternumberstatisticsMIT
  • A React heading with a moving multicolour text gradient, a pause control, and a still reduced-motion fallback. Kaino, Text-effects, 0 votes, MIT licence
    text-effects0

    Animated Gradient Text

    A React heading with a moving multicolour text gradient, a pause control, and a still reduced-motion fallback.

    KainoanimationgradientheadingMIT
  • A soft multicolour CSS mesh background with slowly moving gradient layers, a React pause control, and a still reduced-motion state. Kaino, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Gradient Mesh Background

    A soft multicolour CSS mesh background with slowly moving gradient layers, a React pause control, and a still reduced-motion state.

    KainobackgroundcolourgradientMIT
  • A CSS dot grid background with a soft edge fade, slow drifting dots, a React pause control, and a static reduced-motion fallback. Kaino, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Dot Grid Background

    A CSS dot grid background with a soft edge fade, slow drifting dots, a React pause control, and a static reduced-motion fallback.

    KainobackgrounddotsgridMIT
  • A full-bleed CSS aurora background with soft drifting colour bands, a React pause control, and a static reduced-motion version. Kaino, Backgrounds, 0 votes, MIT licence
    backgrounds0

    Aurora Background

    A full-bleed CSS aurora background with soft drifting colour bands, a React pause control, and a static reduced-motion version.

    KainoanimationaurorabackgroundMIT
  • React content placeholders with a loading shimmer, stable layout, and a reduced-motion fallback. Kaino, Loaders, 0 votes, MIT licence
    loaders0

    Skeleton Loader

    React content placeholders with a loading shimmer, stable layout, and a reduced-motion fallback.

    KainoloadingplaceholdershimmerMIT
  • A circular React progress indicator with a percentage, accessible progress values, and adjustable progress. Kaino, Loaders, 0 votes, MIT licence
    loaders0

    Progress Ring

    A circular React progress indicator with a percentage, accessible progress values, and adjustable progress.

    KainoloadingpercentageprogressMIT
  • A React card with a pointer-following highlight and static touch, keyboard, and reduced-motion states. Kaino, Cards, 0 votes, MIT licence
    cards0

    Spotlight Card

    A React card with a pointer-following highlight and static touch, keyboard, and reduced-motion states.

    KainocardhoverpointerMIT
  • A React pricing tier with monthly and annual billing, a feature list, and a selectable plan. Kaino, Cards, 0 votes, MIT licence
    cards0

    Pricing Card

    A React pricing tier with monthly and annual billing, a feature list, and a selectable plan.

    KainobillingcardpricingMIT
  • A React button with a light sweep on hover, press feedback, and a reduced-motion fallback. Kaino, Buttons, 0 votes, MIT licence
    buttons0

    Shimmer Button

    A React button with a light sweep on hover, press feedback, and a reduced-motion fallback.

    KainobuttonhoverinteractiveMIT
  • A React save button with a pending spinner, duplicate-click prevention, and an announced completion state. Kaino, Buttons, 0 votes, MIT licence
    buttons0

    Loading Button

    A React save button with a pending spinner, duplicate-click prevention, and an announced completion state.

    KainoasyncbuttonloadingMIT
  • A compact card for a headline number and its recent change. Kaino, Cards, 0 votes, MIT licence
    cards0

    Metric Card

    A compact card for a headline number and its recent change.

    KainocarddashboardmetricMIT
  • A button with a gentle hover glow and a click counter. Kaino, Buttons, 0 votes, MIT licence
    buttons0

    Soft Glow Button

    A button with a gentle hover glow and a click counter.

    KainobuttonglowinteractiveMIT