Skip to main content

Smartphone Infographic

Interactive demonstration

Build a Smartphone Infographic

Assemble a generic smartphone from seven components. Explore what each part does. No app to install. It runs in your browser.

Interactive smartphone assembly. Drag components from the sidebar onto the phone to build it.
Assembly Progress   0 / 7

Getting started takes seconds. Here is all you need to know.

  1. Find the next component.In guided mode, the next part to fit glows in the list and a dashed outline shows where it belongs inside the phone.
  2. Place it.On a computer, drag the highlighted card onto the phone. On a touchscreen, tap the card to pick it up, then tap the phone to drop it in.
  3. Learn as you build.Once a part is placed, click or tap it on the phone to open an information panel describing what it is and how it works.
  4. Finish and explore.Place all seven parts to complete the phone. Try the explode view to see how everything fits together, or switch to free mode to build in any order you like.

Going Full Screen

  • To enter: tap the full screen button in the demo’s toolbar (the outward-pointing arrows). The demo expands to fill your whole screen for a distraction-free, app-like experience.
  • To exit: tap the same button again (it now shows inward-pointing arrows), or press the Esc key on a keyboard.

On an iPhone: the demo fills the browser window rather than taking over the entire screen, because iOS reserves true full screen for video. Tap the button again to return; the Esc key is not needed.

The Seven Components

  1. Battery. Stores the energy that powers everything else.
  2. Motherboard. The main circuit board that connects every part.
  3. Charging Port. The USB-C socket for power and data.
  4. Rear Camera. The multi-lens camera on the back.
  5. Front Camera. The selfie camera and face sensor.
  6. Speaker. The driver that produces sound.
  7. Display. The screen, fitted last, which completes the phone.

Prefer a keyboard? Use Tab to move through the parts, the arrow keys to browse, and Enter to place the selected component.


Ready? Start building above.

Enjoy exploring. Reset at any time from the toolbar to build it again.

About this demonstration

This piece was created for information and entertainment. It is a simplified, illustrative model of how smartphones work in general, not a representation of any particular manufacturer’s device.

The components, layouts, and specifications shown are generic and typical of the technology as a whole. They are not taken from any real product, and no brand, model, or company is depicted, referenced, or implied. Internal arrangements have been simplified and stylised for clarity, so they differ from those in any actual phone. Nothing here should be read as a technical specification or as advice about a real device.