Not Found Empty
Everything the empty-state blocks share: the Iconly glyph set, the medallion the glyph sits in, the text anatomy, the action buttons and the small parts that make an empty panel read as part of a product rather than a poster. It ships as a second file inside every block's registry item, so `npx shadcn add @uikit/inbox-empty` still writes one working block. Two decisions worth knowing before you…
Build promptPaste into Claude, Cursor or v0 with the Niblet MCP connected
Build the "Not Found Empty" React component in this project using the Niblet MCP (connected with my Niblet API key).
1. Call get_ui_component {"id": "not-found-empty"} to fetch its source files and dependencies.
2. Write each returned file at its target path, adapting the `@/` imports to this project's aliases.
3. Install the npm dependencies it lists. Add unprefixed registry dependencies with `npx shadcn@latest add <name>`; fetch `@niblet/<id>` ones with get_ui_component.
4. Render it on a page, run the type check, and confirm it works the way the live preview does.
Live preview: https://niblet.pymodel.com/components/not-found-empty
If the Niblet MCP is not connected, stop and tell me to create an API key at https://niblet.pymodel.com/account and follow https://niblet.pymodel.com/docs.- Category
- empty-states
- License
- MIT
Adapted from MIT-licensed open-source UI projects. Keep the MIT license notice with copies.
- npm dependencies
- motion
- Registry dependencies
- button
- input
- utils
- Files it installs
- components/uikit/blocks/empty-states/empty-state-kit.tsx
- components/uikit/blocks/empty-states/not-found-empty.tsx
Get the source
The source is served to your agent through the hosted Niblet MCP. Have it run:
find_ui_materials {"query": "not found empty", "kind": "component"}get_ui_component {"id": "not-found-empty"}
Needs an API key: get one on your account, then see the MCP setup docs.