# Adding custom devices in Responsive Design Mode

**URL:** <https://discourse.mozilla.org/t/adding-custom-devices-in-responsive-design-mode/13552>\
**Category:** Developer Tools\
**Created:** [February 10, 2017, 8:03pm UTC](https://discourse.mozilla.org/t/adding-custom-devices-in-responsive-design-mode/13552 "2017-02-10T20:03:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jryans](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/jryans/32/20918_2.png) [@jryans](https://discourse.mozilla.org/u/jryans)\
**Post date:** [February 10, 2017, 8:03pm UTC](https://discourse.mozilla.org/t/adding-custom-devices-in-responsive-design-mode/13552/1 "2017-02-10T20:03:22Z")

</div>

In Nightly 54, we’ve just [landed](https://bugzilla.mozilla.org/show_bug.cgi?id=1321675) support for custom devices in Responsive Design Mode.

 ![](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/2X/3/33773cb082c81ee0579931c4c6f709d03f27c350.gif)

Each device can have its own:

- size
- devicePixelRatio
- user agent
- touch support

Also, you can preview the properties of existing devices by hovering over the name in the device modal where they will display in a tooltip.

@miketaylr and @skyschub, should be useful for the Web Compat team as well!

---

<div class="post-metadata">

**Author:** ![YaseenKhan](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/yaseenkhan/32/20920_2.png) [@YaseenKhan](https://discourse.mozilla.org/u/YaseenKhan)\
**Post date:** [February 16, 2017, 2:22pm UTC](https://discourse.mozilla.org/t/adding-custom-devices-in-responsive-design-mode/13552/2 "2017-02-16T14:22:41Z")

</div>

Wowee!! this is amazing.