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 storage Meter with a label, value output and fill that steps from local controls. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Meter

    A storage Meter with a label, value output and fill that steps from local controls.

    HeroUIherouiinteractiveloadersApache-2.0
  • A sync panel that shows Flowbite spinners in a chosen colour while a local sync runs. Flowbite React, Loaders, 0 votes, MIT licence
    loaders0

    Flowbite Spinner

    A sync panel that shows Flowbite spinners in a chosen colour while a local sync runs.

    Flowbite Reactflowbite-reactflowbite-spinnerinteractiveMIT
  • Bounded determinate report progress in 25% steps. Flowbite React, Loaders, 0 votes, MIT licence
    loaders0

    Flowbite React Progress

    Bounded determinate report progress in 25% steps.

    Flowbite Reactflowbite-reactinteractiveprogressMIT
  • Profile placeholder that switches between loading skeleton and loaded content. daisyUI, Loaders, 0 votes, MIT licence
    loaders0

    daisyUI Skeleton

    Profile placeholder that switches between loading skeleton and loaded content.

    daisyUIdaisyuiinteractiveskeletonMIT
  • A storage usage ring drawn by daisyUI radial progress with step controls. daisyUI, Loaders, 0 votes, MIT licence
    loaders0

    daisyUI Radial Progress

    A storage usage ring drawn by daisyUI radial progress with step controls.

    daisyUIdaisyuiinteractiveloadersMIT
  • Native determinate progress bounded from 0 to 100. daisyUI, Loaders, 0 votes, MIT licence
    loaders0

    daisyUI Progress

    Native determinate progress bounded from 0 to 100.

    daisyUIdaisyuiinteractiveprogressMIT
  • A sync panel that shows daisyUI loading spinners while a local sync runs. daisyUI, Loaders, 0 votes, MIT licence
    loaders0

    daisyUI Loading

    A sync panel that shows daisyUI loading spinners while a local sync runs.

    daisyUIdaisyuiinteractiveloadersMIT
  • Spinners in three sizes shown while a simulated report export runs. Chakra UI, Loaders, 0 votes, MIT licence
    loaders0

    Chakra UI Spinner

    Spinners in three sizes shown while a simulated report export runs.

    Chakra UIchakra-uiinteractiveloadersMIT
  • A labelled onboarding progress bar with value text and striped animation while active. Chakra UI, Loaders, 0 votes, MIT licence
    loaders0

    Chakra UI Progress

    A labelled onboarding progress bar with value text and striped animation while active.

    Chakra UIchakra-uiinteractiveloadersMIT
  • A labelled upload progress bar with a formatted value and a simulated transfer. Base UI, Loaders, 0 votes, MIT licence
    loaders0

    Base UI Progress

    A labelled upload progress bar with a formatted value and a simulated transfer.

    Base UIbase-uiinteractiveloadersMIT
  • Linear and circular course progress bound to the same value, with step controls. Ark UI, Loaders, 0 votes, MIT licence
    loaders0

    Ark UI Progress

    Linear and circular course progress bound to the same value, with step controls.

    Ark UIark-uiinteractiveloadersMIT
  • A spinner wrapping a chart panel during a simulated refresh, with a description. Ant Design, Loaders, 0 votes, MIT licence
    loaders0

    Ant Design Spin

    A spinner wrapping a chart panel during a simulated refresh, with a description.

    Ant Designant-designinteractiveloadersMIT
  • An article skeleton with avatar and paragraph rows shown during a simulated load. Ant Design, Loaders, 0 votes, MIT licence
    loaders0

    Ant Design Skeleton

    An article skeleton with avatar and paragraph rows shown during a simulated load.

    Ant Designant-designinteractiveloadersMIT
  • Line, circle and steps progress for a file upload, with exception and success states. Ant Design, Loaders, 0 votes, MIT licence
    loaders0

    Ant Design Progress

    Line, circle and steps progress for a file upload, with exception and success states.

    Ant Designant-designinteractiveloadersMIT
  • A headless Base UI progress primitive for a file upload whose bar springs and whose number counts up. Animate UI, Loaders, 0 votes, MIT + Commons Clause License Condition licence
    loaders0

    Animate UI Base Progress Primitive

    A headless Base UI progress primitive for a file upload whose bar springs and whose number counts up.

    Animate UIanimate-uibase-progress-primitivecompiled-cssMIT + Commons Clause License Condition
  • An upload progress bar built on Base UI progress with a spring fill and a counting value. Animate UI, Loaders, 0 votes, MIT + Commons Clause License Condition licence
    loaders0

    Animate UI Base Progress

    An upload progress bar built on Base UI progress with a spring fill and a counting value.

    Animate UIanimate-uibase-progresscompiled-cssMIT + Commons Clause License Condition
  • Local note validation with blank/short/valid feedback. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Textarea

    Local note validation with blank/short/valid feedback.

    shadcn/uiinteractiveshadcn-uitextareaMIT
  • Privacy settings with labelled switches and a disabled, always-on option. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Switch

    Privacy settings with labelled switches and a disabled, always-on option.

    shadcn/uicompiled-cssformsinteractiveMIT
  • Search filters with two range sliders, for price and release year. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Slider

    Search filters with two range sliders, for price and release year.

    shadcn/uicompiled-cssformsinteractiveMIT
  • A time zone select with grouped options, labels and a separator. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Select

    A time zone select with grouped options, labels and a separator.

    shadcn/uicompiled-cssformsinteractiveMIT
  • A delivery speed choice with labelled radio items and a disabled option. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Radio Group

    A delivery speed choice with labelled radio items and a disabled option.

    shadcn/uicompiled-cssformsinteractiveMIT
  • A three-step evaluation brief built on the shadcn Questionnaire primitive, with letter shortcuts, a multi-select step, skip and a saved summary. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Questionnaire

    A three-step evaluation brief built on the shadcn Questionnaire primitive, with letter shortcuts, a multi-select step, skip and a saved summary.

    shadcn/uicompiled-cssformsinteractiveMIT
  • A native select for a billing region with grouped options and a disabled companion. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Native Select

    A native select for a billing region with grouped options and a disabled companion.

    shadcn/uicompiled-cssformsinteractiveMIT
  • Labels tied to a text field and a checkbox, including the disabled-peer style. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Label

    Labels tied to a text field and a checkbox, including the disabled-peer style.

    shadcn/uicompiled-cssformsinteractiveMIT
Previous

Page 15 of 53

Next