Animated Window Frame Components
Dev Design Library indexes 9 Animated window frame components from 6 open-source UI libraries, with the most coming from Notra, ReactFrame, GreatUI, Amicro Micro Transitions and Velora UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the window frame components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Window frame components belong to the Layout group.
Mac TerminalAmicro Micro Transitions · ReactMac Terminal loading animation.
Claude Code TerminalNotra · ReactThe terminal window with traffic lights and a title bar for Claude Code sessions.
Macbook MockupGreatUI · React
Product screenshot heroVelora UI · ReactCentered headline above a dashboard in a browser frame with a border beam and a logo row.
Glass TerminalOpaline · ReactA macOS terminal on glass whose commands type themselves out, line by line, when scrolled into view.
Desktop Mockup CarouselReactFrame · ReactA realistic Studio Display-style monitor mockup with an internal video/image carousel, swipe or auto-advance…
Codex TerminalNotra · ReactThe Codex window: a title bar, a scrolling transcript and a pinned footer for the prompt.
TerminalReactFrame · ReactA macOS-style terminal window that types out a scripted sequence of commands, outputs and comments, with a blinking…
OpenCode WindowNotra · ReactThe OpenCode terminal surface that sets the background, monospace font and line grid.
Libraries with Animated window frame components
Related categories
- Window Frame Components
- React Window Frame Components
- Tailwind CSS Window Frame Components
- shadcn/ui Window Frame Components
- Animated Layout Components
- Animated Grid Components
- Animated Stack Components
- Animated Bento Grid Components
- Animated Sticky Scroll Components
- Animated Container Components
- Animated Scroll Area Components
- Animated Split Pane Components