Android Demo

magicui/android-demo

FreeExample

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.json

Source

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

1import { Android } from "@/registry/magicui/android"
2 
3export default function AndroidDemo() {
4  return (
5    <div className="relative">
6      <Android className="size-full" />
7    </div>
8  )
9}

What it pulls in

Other registry items

@magicui/android

Files it writes

registry/example/android-demo.tsx

More from magicui

All 247 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Android Demo 2android-demo-2	magicui	Examples	Free	no deps
Android Demo 3android-demo-3	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