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 deploy button that shows a spinner while a local, simulated deploy runs. shadcn/ui, Loaders, 0 votes, MIT licence
    loaders0

    shadcn/ui Spinner

    A deploy button that shows a spinner while a local, simulated deploy runs.

    shadcn/uicompiled-cssinteractiveloadersMIT
  • Card placeholder that switches between pulsing skeleton and loaded content. shadcn/ui, Loaders, 0 votes, MIT licence
    loaders0

    shadcn/ui Skeleton

    Card placeholder that switches between pulsing skeleton and loaded content.

    shadcn/uiinteractiveshadcn-uiskeletonMIT
  • An upload progress bar that advances in steps and can be reset. shadcn/ui, Loaders, 0 votes, MIT licence
    loaders0

    shadcn/ui Progress

    An upload progress bar that advances in steps and can be reset.

    shadcn/uicompiled-cssinteractiveloadersMIT
  • Border and grow spinners shown while a sales report refreshes. React-Bootstrap, Loaders, 0 votes, MIT licence
    loaders0

    React-Bootstrap Spinner

    Border and grow spinners shown while a sales report refreshes.

    React-Bootstrapinteractiveloadersreact-bootstrapMIT
  • Bounded determinate progress in 25% steps; disabled advance at completion. React-Bootstrap, Loaders, 0 votes, MIT licence
    loaders0

    React-Bootstrap ProgressBar

    Bounded determinate progress in 25% steps; disabled advance at completion.

    React-Bootstrapinteractiveprogressreact-bootstrapMIT
  • A product card shown as glowing placeholders and a placeholder button until it loads. React-Bootstrap, Loaders, 0 votes, MIT licence
    loaders0

    React-Bootstrap Placeholder

    A product card shown as glowing placeholders and a placeholder button until it loads.

    React-BootstrapinteractiveloadersplaceholderMIT
  • A liquid fill gauge for a water-intake goal that sloshes when its level changes. React Bits, Loaders, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    loaders0

    React Bits Slosh Gauge

    A liquid fill gauge for a water-intake goal that sloshes when its level changes.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An attributed Lattice Loader for a simulated deploy build, with finish, fail, restart, pattern and pause controls and a built-in live status. React Bits, Loaders, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    loaders0

    React Bits Lattice Loader

    An attributed Lattice Loader for a simulated deploy build, with finish, fail, restart, pattern and pause controls and a built-in live status.

    React Bitsinteractiveloaderreact-bitsMIT + Commons Clause License Condition v1.0
  • An import job progress bar that starts indeterminate, then reports determinate progress. React Aria, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    React Aria Progress Bar

    An import job progress bar that starts indeterminate, then reports determinate progress.

    React Ariainteractiveloadersprogress-barApache-2.0
  • An upload progress bar that advances locally and reports its value to assistive technology. Radix Primitives, Loaders, 0 votes, MIT licence
    loaders0

    Radix Progress

    An upload progress bar that advances locally and reports its value to assistive technology.

    Radix PrimitivesaccessiblekeyboardprogressMIT
  • Article list placeholders in text, circular and rectangular skeleton shapes. Material UI, Loaders, 0 votes, MIT licence
    loaders0

    Material UI Skeleton

    Article list placeholders in text, circular and rectangular skeleton shapes.

    Material UIinteractiveloadersmaterial-uiMIT
  • Bounded determinate progress in 25% steps; disabled advance at completion. Material UI, Loaders, 0 votes, MIT licence
    loaders0

    Material UI LinearProgress

    Bounded determinate progress in 25% steps; disabled advance at completion.

    Material UIinteractivematerial-uiprogressMIT
  • A dimming backdrop with a progress indicator shown during a simulated sync. Material UI, Loaders, 0 votes, MIT licence
    loaders0

    Material UI Backdrop

    A dimming backdrop with a progress indicator shown during a simulated sync.

    Material UIbackdropinteractiveloadersMIT
  • A profile card that shows skeleton placeholders while its content loads. Mantine, Loaders, 0 votes, MIT licence
    loaders0

    Mantine Skeleton

    A profile card that shows skeleton placeholders while its content loads.

    MantineinteractiveloadersmantineMIT
  • Bounded determinate progress in 25% steps; disabled advance at completion. Mantine, Loaders, 0 votes, MIT licence
    loaders0

    Mantine Progress

    Bounded determinate progress in 25% steps; disabled advance at completion.

    MantineinteractivemantineprogressMIT
  • A profile form covered by a loading overlay while a simulated save runs. Mantine, Loaders, 0 votes, MIT licence
    loaders0

    Mantine Loading Overlay

    A profile form covered by a loading overlay while a simulated save runs.

    Mantineinteractiveloadersloading-overlayMIT
  • Oval, bars and dots loaders with a size picker and a labelled loading region. Mantine, Loaders, 0 votes, MIT licence
    loaders0

    Mantine Loader

    Oval, bars and dots loaders with a size picker and a labelled loading region.

    MantineinteractiveloaderloadersMIT
  • A storage gauge drawn with the animated circular progress bar, stepped from local controls. Magic UI, Loaders, 0 votes, MIT licence
    loaders0

    Magic UI Animated Circular Progress Bar

    A storage gauge drawn with the animated circular progress bar, stepped from local controls.

    Magic UIanimated-circular-progress-barcompiled-cssinteractiveMIT
  • A sync panel that shows a HeroUI spinner in a chosen size while a local sync runs. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Spinner

    A sync panel that shows a HeroUI spinner in a chosen size while a local sync runs.

    HeroUIherouiinteractiveloadersApache-2.0
  • A profile card that shows HeroUI skeleton placeholders until a local load finishes. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Skeleton

    A profile card that shows HeroUI skeleton placeholders until a local load finishes.

    HeroUIherouiinteractiveloadersApache-2.0
  • A circular onboarding Progress Circle that advances as local steps are completed. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Progress Circle

    A circular onboarding Progress Circle that advances as local steps are completed.

    HeroUIherouiinteractiveloadersApache-2.0
  • An upload Progress Bar with a label and value output that advances locally. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Progress Bar

    An upload Progress Bar with a label and value output that advances locally.

    HeroUIherouiinteractiveloadersApache-2.0
  • 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

Page 1 of 2

Next