Bookmarks empty state
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: A saved items list before the first bookmark, with a bookmark tile and one outline Browse Items button
When to use
- First run screens and card sections that add the first record, invite a team or connect a data source
- Search with no matches, a not found page with a search field, or a prompt shown before the first search
- Caught up notices with nothing left to act on, such as inbox zero or no new notifications
When not to use
- A complete first run page with finished copy, artwork and actions, ready to drop in: use the Empty State blocks
- A screen shown while a fetch is still running and no result is known yet: use the Spinner component
- A square container for one glyph in a list row, feature card or settings item: use the Icon Tile component
Agent notes
- Adding
bordertoEmptydraws a dashed outline, since every style sets a dashed border style on it; add border-solid for a solid line EmptyMediawithvarianticon puts the glyph in a small muted tile; the default variant has no fill, so drawings go thereEmptytakesflex-1and centers its children, so in a flex column with a set height it fills the free space
https://reui.io/components/empty/c-empty-11.mdget_example("c-empty-11")npx shadcn@latest add @reui/c-empty-11About Shadcn Empty Bookmarks
Bookmarks empty state. Built by composing Button, Empty. A free, open source shadcn empty example you can install with npx shadcn@latest add @reui/c-empty-11 and edit as your own code.
What You Can Build With Shadcn Empty Bookmarks
- Composes Button, Empty, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-empty-11
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Empty Examples
- Basic Basic empty state
- No Results Search empty state
- Search Input Empty state with search input
- Add Button Empty state with add button
- Documents Document empty state
- Dashed Upload Dashed upload empty state
- Inbox Inbox empty state
- Team Members Team members empty state
- No Notifications No notifications empty state
- Analytics No data analytics empty state
- Tasks Tasks empty state
- Automations No automations empty state with toggle illustration
Related Shadcn Component Categories
Open-source shadcn event calendar components with month, week, day and agenda views, and drag-and-drop scheduling.
Open-source shadcn form field components for form composition, validated inputs, and helper text.
Open-source shadcn file type icon components for file extensions, export formats, and file browsers.
Open-source shadcn file upload components for drag-and-drop uploads, multi-file flows, and upload progress.
Open-source shadcn filters components for filter bars, faceted search, and dashboard filtering.
Open-source shadcn frame components for embedded previews, app shells, and device mockups.
Frequently Asked Questions
When should I use Shadcn Empty Bookmarks?
Use it for a saved items list before the first bookmark, with a bookmark tile and one outline Browse Items button.
Shadcn Empty as a whole fits:
- First run screens and card sections that add the first record, invite a team or connect a data source
- Search with no matches, a not found page with a search field, or a prompt shown before the first search
- Caught up notices with nothing left to act on, such as inbox zero or no new notifications
For a complete first run page with finished copy, artwork and actions, ready to drop in, use the Empty State blocks. For a screen shown while a fetch is still running and no result is known yet, use the Spinner component. For a square container for one glyph in a list row, feature card or settings item, use the Icon Tile component.
How do I install Shadcn Empty Bookmarks?
Is Shadcn Empty Bookmarks free to use?
Which components does Shadcn Empty Bookmarks use?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.