ComponentsMedia Components
Media Components
Comprehensive media galleries, players, and embeds with visual previews for all 27 components including image galleries, video players, audio players, and podcast components.
27components
1 Free·26 Pro
import { ... } from "@/components/blocks/media"MediaGallery
FreeLoading preview...
MediaGalleryLightbox
ProLoading preview...
MediaGalleryMasonry
ProLoading preview...
MediaGrid
ProLoading preview...
MediaGridResponsive
ProLoading preview...
ImageShowcase
ProLoading preview...
ImageShowcaseSplit
ProLoading preview...
AudioPlayer
ProLoading preview...
AudioPlayerMinimal
ProLoading preview...
PodcastPlayer
ProLoading preview...
PodcastEpisodeCard
ProLoading preview...
MediaEmbed
ProLoading preview...
MediaEmbedResponsive
ProLoading preview...
ScreenshotShowcase
ProLoading preview...
AppScreenshots
ProLoading preview...
VideoPlayerCustom
ProLoading preview...
VideoPlayerYouTube
ProLoading preview...
VideoPlayerVimeo
ProLoading preview...
VideoPlayerWistia
ProLoading preview...
VideoPlayerSelfHosted
ProLoading preview...
AudioPlayerFull
ProLoading preview...
AudioPlayerMini
ProLoading preview...
PodcastPlayerFull
ProLoading preview...
PodcastPlayerEmbed
ProLoading preview...
MediaPlayerControls
ProLoading preview...
MediaPlayerOverlay
ProLoading preview...
MediaPlayButton
ProLoading preview...
All 27 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/media