shadcn/ui Window Frame Components

Dev Design Library indexes 7 shadcn/ui window frame components from 4 open-source UI libraries, with the most coming from Notra, Velora UI, AI Elements (Svelte) and Intent UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Window frame components belong to the Layout group.

• previewIntent UI · Reactpreview
• Web PreviewAI Elements (Svelte) · SvelteA browser-style preview frame with navigation controls and a log console.
• Claude Code TerminalNotra · ReactThe terminal window with traffic lights and a title bar for Claude Code sessions.
• Alternating screenshot rowsVelora UI · ReactTwo alternating rows of copy with a checklist beside a browser-framed dashboard mock, sides swapped.
• Codex TerminalNotra · ReactThe Codex window: a title bar, a scrolling transcript and a pinned footer for the prompt.
• Product screenshot heroVelora UI · ReactCentered headline above a dashboard in a browser frame with a border beam and a logo row.
• OpenCode WindowNotra · ReactThe OpenCode terminal surface that sets the background, monospace font and line grid.

Libraries with shadcn/ui window frame components

• Notra
• Velora UI
• AI Elements (Svelte)
• Intent UI

Related categories

• Window Frame Components
• React Window Frame Components
• Tailwind CSS Window Frame Components
• Animated Window Frame Components
• shadcn/ui Layout Components
• shadcn/ui App Shell Components
• shadcn/ui Grid Components
• shadcn/ui Bento Grid Components
• shadcn/ui Separator Components