Simulated Mobile Device Generator

With the Simulated Mobile Device Generator, you can create a custom representation of a mobile device constructed entirely with HTML and CSS.

Use the generated code, place a message in the device image, and you have attracted attention!

The message would be in the device screen area. It could be an announcement, a quote of the day, a photograph of the employee of the week, an ad, or even a video.

The Simulated Mobile Device Generator generates the HTML and CSS necessary to publish a simulated mobile device. The screen area can contain anything you wish, so long as it fits in the screen dimensions.

Examples:

• An image, still or animated.

• A slide show.

• A video.

• Text.

• A combination of those.

• Even a newsletter subscription signup form.

Alternatively, a screenshot image can be created of the device. The image can then be published wherever images can be published.

Here are samples of simulated devices displayed with CSS that were created with the generator:

Any size, any color can be used — whatever meets your requirements.

Here is a screenshot of a simulated device after an image was inserted (a live ad):

The generator is easy to use. And it can also remember the last device you generated. (A cookie is used for the memory.) It's fun to experiment with, trying this and that color, size or shape. Then see the results with just a button click.