# PlopUI blocks for shadcn/ui

> Hand-drawn React UI, imperfect on purpose: sticker buttons, washi-tape tags and a marker font, built on accessible native elements (WCAG AA). Installs the @plop-ui/react npm package plus editable examples and blocks.

PlopUI publishes 3 blocks for shadcn/ui, all of them free. In its own words: Hand-drawn React UI, imperfect on purpose: sticker buttons, washi-tape tags and a marker font, built on accessible native elements (WCAG AA). Installs the @plop-ui/react npm package plus editable examples and blocks. Its blocks cover login and sign-up, settings and empty state.

Free blocks install with the shadcn CLI under the @plopui namespace, so the code lands in your project.

- Page, with live previews: https://shadcn.exchange/r/plopui
- Its own site: https://plopui.com/?utm_source=shadcn.exchange
- 3 blocks, all free. Last changed 2026-11-05.
- Categories: Login (1), Settings (1), Empty state (1)
- Search its blocks as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&registry=plopui&q=<words>`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free blocks

All 3 blocks, in the order its page shows them. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Signup Card](https://shadcn.exchange/r/plopui/signup-card): A sign-up card: name, email and password with friendly errors on submit, a terms checkbox, and a celebration when it works. `npx shadcn@latest add https://shadcn.exchange/r/plopui/signup-card.json`
- [Empty State](https://shadcn.exchange/r/plopui/empty-state): An empty state with a buddy, a short message and one clear next step, for lists and boards with nothing in them yet. `npx shadcn@latest add https://shadcn.exchange/r/plopui/empty-state.json`
- [Settings Panel](https://shadcn.exchange/r/plopui/settings-panel): A settings sheet: profile fields, notification switches, a paper picker, and a Save button that toasts with a buddy. `npx shadcn@latest add https://shadcn.exchange/r/plopui/settings-panel.json`