ComponentsMedia Components

Media Components

Comprehensive media galleries, players, and embeds with visual previews for all components including image galleries, video players, audio players, and podcast components.

27components

1 Free·26 Pro

import { ... } from "@/components/blocks/media"

MediaGallery

Free

Loading preview...

Import MediaGallery from @/components/blocks/media

MediaGalleryLightbox

Pro

Loading preview...

Import MediaGalleryLightbox from @/components/blocks/media

MediaGalleryMasonry

Pro

Loading preview...

Import MediaGalleryMasonry from @/components/blocks/media

MediaGrid

Pro

Loading preview...

Import MediaGrid from @/components/blocks/media

MediaGridResponsive

Pro

Loading preview...

Import MediaGridResponsive from @/components/blocks/media

ImageShowcase

Pro

Loading preview...

Import ImageShowcase from @/components/blocks/media

ImageShowcaseSplit

Pro

Loading preview...

Import ImageShowcaseSplit from @/components/blocks/media

AudioPlayer

Pro

Loading preview...

Import AudioPlayer from @/components/blocks/media

AudioPlayerMinimal

Pro

Loading preview...

Import AudioPlayerMinimal from @/components/blocks/media

PodcastPlayer

Pro

Loading preview...

Import PodcastPlayer from @/components/blocks/media

PodcastEpisodeCard

Pro

Loading preview...

Import PodcastEpisodeCard from @/components/blocks/media

MediaEmbed

Pro

Loading preview...

Import MediaEmbed from @/components/blocks/media

MediaEmbedResponsive

Pro

Loading preview...

Import MediaEmbedResponsive from @/components/blocks/media

ScreenshotShowcase

Pro

Loading preview...

Import ScreenshotShowcase from @/components/blocks/media

AppScreenshots

Pro

Loading preview...

Import AppScreenshots from @/components/blocks/media

VideoPlayerCustom

Pro

Loading preview...

Import VideoPlayerCustom from @/components/blocks/media

VideoPlayerYouTube

Pro

Loading preview...

Import VideoPlayerYouTube from @/components/blocks/media

VideoPlayerVimeo

Pro

Loading preview...

Import VideoPlayerVimeo from @/components/blocks/media

VideoPlayerWistia

Pro

Loading preview...

Import VideoPlayerWistia from @/components/blocks/media

VideoPlayerSelfHosted

Pro

Loading preview...

Import VideoPlayerSelfHosted from @/components/blocks/media

AudioPlayerFull

Pro

Loading preview...

Import AudioPlayerFull from @/components/blocks/media

AudioPlayerMini

Pro

Loading preview...

Import AudioPlayerMini from @/components/blocks/media

PodcastPlayerFull

Pro

Loading preview...

Import PodcastPlayerFull from @/components/blocks/media

PodcastPlayerEmbed

Pro

Loading preview...

Import PodcastPlayerEmbed from @/components/blocks/media

MediaPlayerControls

Pro

Loading preview...

Import MediaPlayerControls from @/components/blocks/media

MediaPlayerOverlay

Pro

Loading preview...

Import MediaPlayerOverlay from @/components/blocks/media

MediaPlayButton

Pro

Loading preview...

Import MediaPlayButton from @/components/blocks/media

All 27 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/media