# Media components

> Showcase audio, video, or images with 7 versatile media components for React and Tailwind CSS, ideal for Next.js-powered sites.

19 components available. Showing all of them below.

- [Scroll media expansion hero](https://21st.dev/@arunachalam/components/scroll-expansion-hero.md) — by Arunachalam
- [Interactive Bento Gallery](https://21st.dev/@anurag-mishra22/components/interactive-bento-gallery.md) — by Anurag Mishra
- [Video Thumbnail Player](https://21st.dev/@ravikatiyar162/components/video-thumbnail-player.md) — by Ravi Katiyar
- [Information Card](https://21st.dev/@KarrixLee/components/info-card/with-video.md) — by KL UI
- [Clip-Path Image](https://21st.dev/@uilayout.contact/components/clip-path-image.md) — by UI Layouts
- [Media Button](https://21st.dev/@arunachalam/components/media-button.md) — by Arunachalam
- [Accordion](https://21st.dev/@ShadcnStudio/components/accordion-1/accordion-thirteen.md) — by ShadcnStudio
- [Video Player](https://21st.dev/@preetsuthar17/components/video-player.md) — by Preet Suthar
- [Download Card](https://21st.dev/@ravikatiyar162/components/download-card.md) — by Ravi Katiyar
- [Card](https://21st.dev/@kavikatiyar/components/card-6.md) — by Kavi Katiyar
- [Item](https://21st.dev/@shadcn/components/item/image.md) — by shadcn
- [Skeleton](https://21st.dev/@jshguo/components/interfaces-skeleton/media.md) — by jshguo
- [YouTube Embed](https://21st.dev/@inference-sh/components/youtube-embed.md) — by inference.sh
- [Astryx Aspect Ratio](https://21st.dev/@Astryxdesign/components/astryx-aspect-ratio/widescreen.md) — by Astryx
- [Video Ambient](https://21st.dev/@unlumen/components/video-ambient.md) — by Unlumen UI
- [Card Skeleton](https://21st.dev/@uiable/components/uiable-skeleton-card.md) — by uiable
- [YouTube Video Player](https://21st.dev/@cult-ui/components/youtube-video-player.md) — by cult/ui
- [Reshaped Progress bar](https://21st.dev/@reshaped/components/reshaped-progress-bar/media.md) — by reshaped
- [Resize Handle](https://21st.dev/@platejs/components/resize-handle.md) — by Plate

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