Android Demo 3

magicui/android-demo-3

FreeExample

Third example showing a mockup of an Android device.

Live preview

live · rendered by the registry

Rendered by magicui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://magicui.design/r/android-demo-3.json

Source

registry/example/android-demo-3.tsxmagicui.design/r/android-demo-3.json

1import { Android } from "@/registry/magicui/android"
2 
3export default function AndroidDemo() {
4  return (
5    <div className="relative">
6      <Android
7        className="size-full"
8        videoSrc="https://videos.pexels.com/video-files/14993748/14993748-uhd_1296_2304_30fps.mp4"
9      />
10    </div>
11  )
12}

What it pulls in

Other registry items

@magicui/android

Files it writes

registry/example/android-demo-3.tsx

More from magicui

All 247 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Android Demoandroid-demo	magicui	Examples	Free	no deps
Android Demo 2android-demo-2	magicui	Examples	Free	no deps
Animated Beam Bidirectionalanimated-beam-bidirectional	magicui	Examples	Free	no deps
Animated Beam Demoanimated-beam-demo	magicui	Examples	Free	1 dep
Animated Beam Multiple Inputsanimated-beam-multiple-inputs	magicui	Examples	Free	no deps
Animated Beam Multiple Outputsanimated-beam-multiple-outputs	magicui	Examples	Free	no deps
Animated Beam Unidirectionalanimated-beam-unidirectional	magicui	Examples	Free	no deps
Animated Circular Progress Bar Demoanimated-circular-progress-bar-demo	magicui	Examples	Free	no deps