hub / github.com/allipiopereira/shadcn-spinner

github.com/allipiopereira/shadcn-spinner @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

18 symbols 62 edges 15 files 0 documented · 0%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

Shadcn Spinner

Inspired by the Radix UI.

Try now: https://shadcn-spinner.vercel.app

The shadcn-spinner is a lightweight and customizable loading spinner component, designed to be easily integrated into projects based on shadcn.

New! Shadcn CLI Support

You can now add the shadcn-spinner directly via the shadcn CLI! 🎉

Thanks to the latest shadcn update and the contribution from @BramSuurdje, it's now even easier to integrate our component into your project.

How to use

Run the following command in the shadcn CLI:

npx shadcn add https://shadcn-spinner.vercel.app/api/r/spinner

Now just use it.

<Spinner size="sm" className="bg-black dark:bg-white" />

Extension points exported contracts — how you extend this code

CodeBlockProps (Interface)

(no doc)

src/components/code-block.tsx

SpinnerProps (Interface)

(no doc)

src/components/ui/spinner.tsx

ButtonProps (Interface)

(no doc)

src/components/ui/button.tsx

Core symbols most depended-on inside this repo

src/components/code-block.tsx

highlightCode

called by 1

src/components/code-block.tsx

ThemeModeToggle

called by 0

src/components/theme-mode-toggle.tsx

SpinnerIcon

called by 0

src/components/icons.tsx

GithubIcon

called by 0

src/components/icons.tsx

ExternalLinkIcon

called by 0

src/components/icons.tsx

CodeBlock

called by 0

src/components/code-block.tsx

Shape

Function 15

Interface 3

Languages

TypeScript100%

Modules by API surface

src/components/code-block.tsx4 symbols

src/components/icons.tsx3 symbols

src/components/code-copy.tsx2 symbols

src/providers/theme-provider.tsx1 symbols

src/lib/utils.ts1 symbols

src/components/ui/spinner.tsx1 symbols

src/components/ui/dropdown-menu.tsx1 symbols

src/components/ui/button.tsx1 symbols

src/components/theme-mode-toggle.tsx1 symbols

src/app/page.tsx1 symbols

src/app/layout.tsx1 symbols

src/app/api/r/spinner/route.ts1 symbols

For agents

$ claude mcp add shadcn-spinner \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact