Container Components

Dev Design Library indexes 56 container components from 23 open-source UI libraries, with the most coming from ReUI, pdfcn, Toolcraft, Sona UI and React Bits. Each one links to its page with the source code, a live preview where available, the library license and the install command. Container components belong to the Layout group.

• ContainerMUI / Material UI · React
• Fluid GlassReact Bits · ReactGlassmorphism container with animated liquid distortion refraction.
• SurfaceHeroUI · ReactContainer component that provides elevation and background styling.
• Framecoss ui · ReactA framed container for grouping related information.
• ContainerRadix Themes · React
• FrameArk UI · ReactUsed to render a component in an iframe
• Basic frameReUI · ReactBasic frame
• Keep Togetherpdfcn · ReactKeep Together PDF component (forme)
• PanelAI Elements · ReactA styled panel component for React Flow-based canvases to position custom UI elements.
• Absolute CenterPark UI · ReactA utility component for centering content within its parent container.
• BlockLobe UI · ReactA flexible container that extends Flexbox with variants, shadows, and glass effects.
• containerIntent UI · Reactcontainer
• PanelToolcraft · React
• SectionLaunch UI · React
• 3D WrapperBadtz UI · ReactThis component transforms any content into an immersive, interactive 3D experience. It tracks cursor movements to…
• Mixeraudiocn · ReactThe container for channel strips: shared meter settings, keyboard navigation between strips, a master area and an…
• Morph SurfaceSona UI · ReactAn unstyled layout primitive that grows, shrinks, clips, and updates the content of one persistent consumer-styled…
• Morphing AreaSpaceUI · ReactAdaptive aspect ratio surface with constant-area morphing for any child element, card, or media.
• Sliding PanelSkecher UI · ReactA direction-aware panel transition with interruptible motion and reduced-motion fallbacks.
• Liquid GlassLiquefy UI · ReactThe material on its own, with the optics exposed as props.
• Glass WidgetOpaline · ReactiOS home-screen widget frame on liquid glass — small, medium and large.
• PanelReactFrame · ReactA surface container with an optional header (icon, title, description, actions), body and footer, with outline, filled…
• Container Text FlipAceternity UI · ReactBoxed word inside a sentence that flips through a list of words, with the box resizing to fit each one.
• Table ContainerMUI / Material UI · React
• Glass SurfaceReact Bits · ReactAdvanced Apple-style glass surface with real-time distortion + lighting.
• Frame with small spacingReUI · ReactFrame with small spacing
• Sectionpdfcn · ReactSection PDF component (forme)
• Dashboard SurfaceLobe UI · React
• previewIntent UI · Reactpreview
• Panel ActionsToolcraft · React
• Prototype Morph SurfaceSona UI · ReactStress tests for the Morph Surface primitive. Página de testes de estresse do primitivo Morph Surface.
• Frame with default spacingReUI · ReactFrame with default spacing
• Stackpdfcn · ReactStack PDF component (forme)
• Panel HeaderToolcraft · React
• Frame with large spacingReUI · ReactFrame with large spacing
• Keep Togetherpdfcn · ReactKeep Together PDF component (takumi)
• Panel SectionToolcraft · React
• Frame with small border radiusReUI · ReactFrame with small border radius
• Sectionpdfcn · ReactSection PDF component (takumi)
• Panel SurfaceToolcraft · React
• Frame with medium border radiusReUI · ReactFrame with medium border radius
• Stackpdfcn · ReactStack PDF component (takumi)
• Frame with large border radiusReUI · ReactFrame with large border radius
• Frame with default border radiusReUI · ReactFrame with default border radius
• Frame with extra large border radiusReUI · ReactFrame with extra large border radius
• Frame with content-only panelsReUI · ReactFrame with content-only panels
• Frame with stacked content-only panelsReUI · ReactFrame with stacked content-only panels
• Frame with separated panelsReUI · ReactFrame with separated panels
• Frame with stacked panelsReUI · ReactFrame with stacked panels
• Frame with stacked panels and dense styleReUI · ReactFrame with stacked panels and dense style
• Frame with collapsible panelsReUI · ReactFrame with collapsible panels
• Frame with ghost(no outer border) variantReUI · ReactFrame with ghost(no outer border) variant
• Frame with dense layoutReUI · ReactFrame with dense layout
• Frame with stacked panelsReUI · ReactFrame with stacked panels
• Frame with extra small spacingReUI · ReactFrame with extra small spacing
• FrameReUI · ReactDisplays related content in a structured frame.

Libraries with container components

• ReUI
• pdfcn
• Toolcraft
• Sona UI
• React Bits

Related categories

• Tailwind CSS Container Components
• Animated Container Components
• Layout Components
• Grid Components
• Bento Grid Components
• Separator Components
• Stack Components
• App Shell Components
• Scroll Area Components
• Split Pane Components
• Window Frame Components
• Aspect Ratio Components
• Sticky Scroll Components
• Masonry Components
• Dashboard Grid Components