# ModernAndroid

> The ModernAndroid component is a visually appealing, customizable Android smartphone mockup built with React and Tailwind. It provides a sleek device frame with rounded corners, top camera cutout, and optional light/dark themes. You can display either images or videos inside the screen, making it perfect for app previews, UI demos, or interactive product showcases. The component supports dynamic sizing, allowing you to adjust width and height, and it ensures that the content inside the screen is properly clipped to maintain the device's realistic appearance. It’s ideal for presenting mobile interfaces in a clean, modern, and professional way.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- Live preview: https://21st.dev/@ruixen.ui/components/modern-android

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/modern-android?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt