@dimah-s3/ui

Optional prebuilt UI for dimah-s3, on top of @dimah-s3/react and shadcn/ui.

Full documentation: s3.dimah.dev/docs/react/ui · llms.txt

Install

pnpm add @dimah-s3/ui @dimah-s3/react shadcn

Or copy items from the shadcn registry — see UI Setup.

Styles

Import once in your CSS (Tailwind v4 source scan + shadcn color bridge):

@import "@dimah-s3/ui/styles.css";

Colors default to your shadcn theme (--primary, --muted, …). Override --color-dimah-s3-* to theme the library alone — see Theming.

Quick start

import { createS3Client, useUpload } from "@dimah-s3/react";
import { UploadDropzone } from "@dimah-s3/ui";

export const s3Client = createS3Client();

export function UploadDemo() {
  const upload = useUpload({ route: "uploads" });

  return (
    <s3Client.Provider>
      <UploadDropzone upload={upload} />
    </s3Client.Provider>
  );
}

Mount <Toaster /> from @dimah-s3/ui next to s3Client.Provider.

License

MIT