Loading State

Name: elia
Author: AILE.SH

Pixel-grid loader with shimmer and elapsed time.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { LoadingState } from "@aile.sh/elia";

export function Example() {
  return (
    <div className="flex flex-col gap-4">
      <LoadingState label="Indexing your library" variant="Drive" />
      <LoadingState label="Fetching embeddings" variant="Dots" />
      <LoadingState label="Deploying agent" variant="Orbit" />
    </div>
  );
}

— elia design system · MIT · primitives · https://github.com/aile-sh/elia