Assets

pmndrs assets, installed into your app from the registry — starting with the logo.

Summary

The pmndrs assets, each one installed into your app from the registry with one command. The logo is the first.

The pmndrs logo, in four states, as four SVG files. Install them with one command:

pnpm dlx shadcn@latest add pmndrs/design-system/logo#v0.9.0

That writes them to public/pmndrs/ at the root of your project, under the names below.

Every file is 600×600 and paints its own black square background: there is no transparent variant yet.

Variants
VariantPreviewFileBehavior
CompleteThe pmndrs logopublic/pmndrs/logo_complete.svgThe full mark.
IdleThe pmndrs logo at rest, four concentric ringspublic/pmndrs/logo_idle.svgThe resting state: four concentric rings.
AnimatedThe pmndrs logo, springing from idle to completepublic/pmndrs/logo_animated.svgIdle → complete, once, in 0.73 s. Under reduced motion, the complete mark shows without moving.
LoadingThe pmndrs logo, looping as a loaderpublic/pmndrs/logo_loading.svgLoops idle → each corner → idle, every 5.3 s. Under reduced motion, the mark only fades.

Usage

Once installed (or copied into your app's public/pmndrs/ by hand), each file is an image URL. Both animations are CSS inside the SVG, so a plain <img> plays them, and so does next/image with unoptimized:

<img src="/pmndrs/logo_loading.svg" width={48} height={48} alt="Loading" />

License

These assets are MIT-licensed, like the rest of the repository: see LICENSE. No attribution required.

Edit this page