Frame with content-only panels
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: Two panels with no title bar or footer, kept apart by a small gap, as account and team summaries
When to use
- Dashboard, settings and status sections with a title bar, card panels and a footer line
- Lists of services, records or log entries joined into one stacked column of bordered panels
- A titled shell around other parts, such as a collapsible run step that opens to its instructions
When not to use
- Summary panels that should read as one joined block: use the Frame Stacked Content-Only example
- Several sections that each expand and collapse, one or many open at a time: use the Accordion component
- Ready made KPI tiles, profile summaries or promo offers laid out across a page: use the Card blocks
- A storefront page of items with photos, prices, swatches and wishlist toggles: use the Product Grid blocks
Agent notes
densestrips the padding and gap ofFrameitself and pulls eachFramePanelonto the outer border; the panels keep their own paddingstackedjoins onlyFramePanelelements that are adjacent direct children ofFrame; a wrapper around one leaves both fully rounded and borderedFramePanelgrows into any spare height ofFrame; passfitwhen a panel should keep the height of its own content
https://reui.io/components/frame/c-frame-18.mdget_example("c-frame-18")npx shadcn@latest add @reui/c-frame-18Shadcn Components in Frame Content-Only Panels
About Shadcn Frame Content-Only Panels
Frame with content-only panels. Built with the Frame component. A free, open source shadcn frame example you can install with npx shadcn@latest add @reui/c-frame-18 and edit as your own code.
What You Can Build With Shadcn Frame Content-Only Panels
- Composes Frame, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-frame-18
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Frame Examples
- Basic Basic frame
- Separated Panels Frame with separated panels
- Stacked Panels Frame with stacked panels
- Stacked Dense Frame with stacked panels and dense style
- Collapsible Panels Frame with collapsible panels
- Ghost Variant Frame with ghost variant
- Dense Layout Frame with dense layout
- Stacked Rows Frame with stacked panels
- Extra Small Spacing Frame with extra small spacing
- Small Spacing Frame with small spacing
- Default Spacing Frame with default spacing
- Large Spacing Frame with large spacing
Related Shadcn Component Categories
Open-source shadcn gantt components with split tree and timeline panes, drag scheduling, and progress rollups.
Open-source shadcn hover card components for profile previews, rich link previews, and contextual details.
Open-source shadcn icon tile components for list row media, feature cards, empty states, and dashboard tiles.
Open-source shadcn input components for form entry, search fields, and auth screens.
Open-source shadcn input group components for prefixed inputs, suffixed actions, and combined form controls.
Frequently Asked Questions
When should I use Shadcn Frame Content-Only Panels?
Use it for two panels with no title bar or footer, kept apart by a small gap, as account and team summaries.
Shadcn Frame as a whole fits:
- Dashboard, settings and status sections with a title bar, card panels and a footer line
- Lists of services, records or log entries joined into one stacked column of bordered panels
- A titled shell around other parts, such as a collapsible run step that opens to its instructions
For summary panels that should read as one joined block, use the Frame Stacked Content-Only example. For several sections that each expand and collapse, one or many open at a time, use the Accordion component. For ready made KPI tiles, profile summaries or promo offers laid out across a page, use the Card blocks. For a storefront page of items with photos, prices, swatches and wishlist toggles, use the Product Grid blocks.
How do I install Shadcn Frame Content-Only Panels?
Is Shadcn Frame Content-Only Panels free to use?
Which components does Shadcn Frame Content-Only Panels 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.