The shared shadcn registry for Minim. It currently ships 20 named React icon components, each with default and selected variants.
Initialize shadcn in your project if it is not already configured:
npx shadcn@latest initFrom the public GitHub registry:
npx shadcn@latest add peacenode/minim/minim-iconsOr from the hosted registry endpoint:
npx shadcn@latest add https://minim.peaceno.de/r/minim-icons.jsonInstall a single icon by its registry name:
npx shadcn@latest add peacenode/minim/libraryimport { LibraryIcon } from "@/components/minim-icons/library-icon"
export function Example() {
return (
<div className="flex items-center gap-2">
<LibraryIcon className="size-6" title="Library" />
<LibraryIcon variant="selected" className="size-6" />
</div>
)
}Each named icon accepts standard SVG props and a default or selected variant. Icons inherit currentColor, so Tailwind color classes work without changing their source.
The install-all item also includes MinimIcon for dynamic rendering:
import { MinimIcon } from "@/components/minim-icons/minim-icons"
<MinimIcon name="library" variant="selected" className="size-6" />The exported iconNames, IconName, and IconVariant values provide the complete typed API.
npm install
npm run devAfter changing a source SVG, regenerate and verify the registry:
npm run registry:build
npm run lint
npm run build