Select platform: [Android](https://developers.google.com/maps/documentation/places/android-sdk/places-ui-kit-customization-tool.md.txt "View this page for the Android platform docs.") [iOS](https://developers.google.com/maps/documentation/places/ios-sdk/places-ui-kit-customization-tool.md.txt "View this page for the iOS platform docs.") [JavaScript](https://developers.google.com/maps/documentation/javascript/places-ui-kit/customization-tool.md.txt "View this page for the JavaScript platform docs.")


Use the Customization tool to visualize how different sets of properties will affect the appearance of a Places Details element. The **Code** tab provides configurations in HTML/CSS, Kotlin/XML, and Swift.


Refer to [Custom styling](https://developers.google.com/maps/documentation/javascript/places-ui-kit/custom-styling.md.txt) for more information about how to customize your Places UI Kit elements and for a CSS properties reference table.
<iframe src="https://developers.devsite.google/frame/maps/documentation/javascript/places-ui-kit/customization-tool_fcb3c2454d7b68d88168be718dbc23f54db33a48da1d7e86a6a8b9b84a9646ee.frame" class="framebox inherit-locale " allow="clipboard-write https://developers.devsite.google" allowfullscreen is-upgraded></iframe>