# Container components

> Browse 28 Container components for React, styled with Tailwind CSS and ready for your Next.js project.

41 components available. Showing all of them below.

- [Border Beam](https://21st.dev/@dillionverma/components/border-beam.md) — by Dillion Verma
- [Warp Background](https://21st.dev/@dillionverma/components/warp-background.md) — by Dillion Verma
- [Container Text Flip](https://21st.dev/@manuarora700/components/container-text-flip.md) — by Manu Arora
- [Browser Preview](https://21st.dev/@aghasisahakyan1/components/browser-preview.md) — by Erik X
- [Aspect Ratio](https://21st.dev/@shadcn/components/aspect-ratio.md) — by shadcn
- [useItemOverflow](https://21st.dev/@hihahihahoho/components/use-item-overflow.md) — by oc tung
- [Resizable](https://21st.dev/@shadcn/components/resizable.md) — by shadcn
- [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-inset-x-demo.md) — by YoucefBnm Bnm
- [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-inset-y-demo.md) — by YoucefBnm Bnm
- [Scroll Area](https://21st.dev/@preetsuthar17/components/scroll-area.md) — by Preet Suthar
- [Card](https://21st.dev/@hero_ui/components/heroui-card/variants.md) — by Hero Ui
- [Card](https://21st.dev/@preetsuthar17/components/card.md) — by Preet Suthar
- [Frame](https://21st.dev/@coss.com/components/frame.md) — by coss
- [Frame](https://21st.dev/@coss.com/components/frame/separated-panels.md) — by coss
- [Scroll Area](https://21st.dev/@olivier_1b6cd5bc/components/scroll-area-1.md) — by Olivier Tassinari
- [Cursor Spotlight](https://21st.dev/@pulkitxm/components/cursor-spotlight.md) — by Pulkit
- [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one/item-variants.md) — by felipemenezes098
- [Player Layout](https://21st.dev/@limeplay/components/player-layout.md) — by Limeplay
- [Astryx Aspect Ratio](https://21st.dev/@Astryxdesign/components/astryx-aspect-ratio/circle-image.md) — by Astryx
- [Astryx Aspect Ratio](https://21st.dev/@Astryxdesign/components/astryx-aspect-ratio/widescreen.md) — by Astryx
- [Astryx Aspect Ratio](https://21st.dev/@Astryxdesign/components/astryx-aspect-ratio/square-image.md) — by Astryx
- [Astryx App Shell](https://21st.dev/@Astryxdesign/components/astryx-app-shell/minimal.md) — by Astryx
- [Astryx Aspect Ratio](https://21st.dev/@Astryxdesign/components/astryx-aspect-ratio/with-skeleton.md) — by Astryx
- [Card](https://21st.dev/@preetsuthar17/components/card-1.md) — by Preet Suthar
- [Glow Container](https://21st.dev/@thegridcn/components/glow-container.md) — by The Gridcn
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card.md) — by reshaped
- [Surface](https://21st.dev/@hero_ui/components/heroui-surface.md) — by Hero Ui
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/media.md) — by reshaped
- [Scroller](https://21st.dev/@diceui/components/scroller/scroller-hidden-demo.md) — by Dice UI
- [Surface](https://21st.dev/@hero_ui/components/heroui-surface/transparent.md) — by Hero Ui
- [Surface](https://21st.dev/@hero_ui/components/heroui-surface/tertiary.md) — by Hero Ui
- [Surface](https://21st.dev/@hero_ui/components/heroui-surface/secondary.md) — by Hero Ui
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/height.md) — by reshaped
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/bleed.md) — by reshaped
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/sections.md) — by reshaped
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/padding.md) — by reshaped
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/raised.md) — by reshaped
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/selection.md) — by reshaped
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/actionable.md) — by reshaped
- [Reshaped Divider](https://21st.dev/@reshaped/components/reshaped-divider/color.md) — by reshaped
- [Map](https://21st.dev/@terrae/components/map.md) — by terrae

Full component directory: https://21st.dev/llms.txt