# Beste UI

> Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade.

Markdown rendition of https://ui.beste.co/components/media. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`.

Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json

---
# [Components](/components)/Media(26)

Media components from Beste UI, design system primitives built with shadcn/ui and Tailwind CSS.

Media(26)Newest first

1–24 of 26

| Component                                     | Title           | Category | Install                                                        |
| --------------------------------------------- | --------------- | -------- | -------------------------------------------------------------- |
| [zoom-parallax](/component/zoom-parallax)     | Zoom Parallax   | Media    | npx shadcn add https://ui.beste.co/component/r/zoom-parallax   |
| [type-window](/component/type-window)         | Type Window     | Media    | npx shadcn add https://ui.beste.co/component/r/type-window     |
| [string-art](/component/string-art)           | String Art      | Media    | npx shadcn add https://ui.beste.co/component/r/string-art      |
| [slice-assembly](/component/slice-assembly)   | Slice Assembly  | Media    | npx shadcn add https://ui.beste.co/component/r/slice-assembly  |
| [sketch-to-photo](/component/sketch-to-photo) | Sketch to Photo | Media    | npx shadcn add https://ui.beste.co/component/r/sketch-to-photo |
| [scroll-rail](/component/scroll-rail)         | Scroll Rail     | Media    | npx shadcn add https://ui.beste.co/component/r/scroll-rail     |
| [photo-ring](/component/photo-ring)           | Photo Ring      | Media    | npx shadcn add https://ui.beste.co/component/r/photo-ring      |
| [photo-relight](/component/photo-relight)     | Photo Relight   | Media    | npx shadcn add https://ui.beste.co/component/r/photo-relight   |
| [photo-dust](/component/photo-dust)           | Photo Dust      | Media    | npx shadcn add https://ui.beste.co/component/r/photo-dust      |
| [liquid-slides](/component/liquid-slides)     | Liquid Slides   | Media    | npx shadcn add https://ui.beste.co/component/r/liquid-slides   |
| [line-engraving](/component/line-engraving)   | Line Engraving  | Media    | npx shadcn add https://ui.beste.co/component/r/line-engraving  |
| [kaleidoscope](/component/kaleidoscope)       | Kaleidoscope    | Media    | npx shadcn add https://ui.beste.co/component/r/kaleidoscope    |
| [impasto](/component/impasto)                 | Impasto         | Media    | npx shadcn add https://ui.beste.co/component/r/impasto         |
| [harmonograph](/component/harmonograph)       | Harmonograph    | Media    | npx shadcn add https://ui.beste.co/component/r/harmonograph    |
| [growing-tree](/component/growing-tree)       | Growing Tree    | Media    | npx shadcn add https://ui.beste.co/component/r/growing-tree    |
| [gallery-rail](/component/gallery-rail)       | Gallery Rail    | Media    | npx shadcn add https://ui.beste.co/component/r/gallery-rail    |
| [ferrofluid](/component/ferrofluid)           | Ferrofluid      | Media    | npx shadcn add https://ui.beste.co/component/r/ferrofluid      |
| [expanding-frame](/component/expanding-frame) | Expanding Frame | Media    | npx shadcn add https://ui.beste.co/component/r/expanding-frame |
| [curtain-reveal](/component/curtain-reveal)   | Curtain Reveal  | Media    | npx shadcn add https://ui.beste.co/component/r/curtain-reveal  |
| [crt-screen](/component/crt-screen)           | CRT Screen      | Media    | npx shadcn add https://ui.beste.co/component/r/crt-screen      |
| [counter-columns](/component/counter-columns) | Counter Columns | Media    | npx shadcn add https://ui.beste.co/component/r/counter-columns |
| [concertina-book](/component/concertina-book) | Concertina Book | Media    | npx shadcn add https://ui.beste.co/component/r/concertina-book |
| [candle-flame](/component/candle-flame)       | Candle Flame    | Media    | npx shadcn add https://ui.beste.co/component/r/candle-flame    |
| [blob-mask](/component/blob-mask)             | Blob Mask       | Media    | npx shadcn add https://ui.beste.co/component/r/blob-mask       |

* Page 1 of 2
* [1](/components/media)
* [2](/components/media?page=2)

## Ship the interface, keep the code.

New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight.

[Browse the library](/blocks)[See pricing](/pricing)

### Library

* [Blocks](/blocks)
* [Pages](/pages)
* [Pieces](/pieces)
* [Components](/components)
* [Search](/search)

### Learn

* [Docs](/docs)
* [AI & MCP](/docs/mcp)
* [Blog](/blog)
* [Free tools](/tools)
* [What's new?](/changelog)
* [Website Builder](https://beste.co)

### More

* [Pricing](/pricing)
* [Referrals](/referrals)
* [License](/license)
* [GitHub](https://github.com/beste-co/beste-ui)

### Shadcn Blocks

* [Shadcn Hero Blocks](/blocks/hero)
* [Shadcn Feature Blocks](/blocks/feature)
* [Shadcn Pricing Blocks](/blocks/pricing)
* [Shadcn CTA Blocks](/blocks/cta)
* [Shadcn FAQ Blocks](/blocks/faq)
* [Shadcn About Blocks](/blocks/about)
* [Shadcn Stats Blocks](/blocks/stats)
* [Shadcn Footer Blocks](/blocks/footer)
* [Shadcn Navigation Blocks](/blocks/navigation)
* [Shadcn Auth Blocks](/blocks/auth)
* [Shadcn Ecommerce Blocks](/blocks/ecommerce)
* [Shadcn Portfolio Blocks](/blocks/portfolio)
* [Shadcn Showcase Blocks](/blocks/showcase)
* [Shadcn Careers Blocks](/blocks/careers)
* [Shadcn Onboarding Blocks](/blocks/onboarding)
* [Shadcn Coming Soon Blocks](/blocks/coming-soon)
* [Shadcn Post Blocks](/blocks/post)
* [Shadcn Legal Blocks](/blocks/legal)
* [Shadcn Workflow Blocks](/blocks/workflow)
* [Shadcn News Blocks](/blocks/news)

© 2026, [Beste](https://beste.co). All rights reserved.