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


The Places UI Kit component library lets you bring the familiar Google Maps
user experience for Places to your apps and web pages, using the same data
that powers the Places API. It includes an individual UI component that can
be used independently, together, or in conjunction with other Google Maps
Platform APIs to deliver a Places-rich experience with minimal cost and code.
![](https://developers.google.com/static/maps/documentation/javascript/places-ui-kit/images/places-ui-kit-intro.png)


The Places UI Kit includes the following HTML elements for rendering Places
data:

- [Place Details Elements](https://developers.google.com/maps/documentation/javascript/places-ui-kit/place-details.md.txt) render details such as opening hours, website, and reviews for a selected place.
- [Advanced Place Details Elements](https://developers.google.com/maps/documentation/javascript/places-ui-kit/advanced-place-details.md.txt) extend the Place Details Elements, letting you configure action buttons and apply search and filtering options to reviews and media.
- [Place Search Elements](https://developers.google.com/maps/documentation/javascript/places-ui-kit/place-search.md.txt) render a list of places in response to either a nearby search or text search query.
- [Advanced Place Search Elements](https://developers.google.com/maps/documentation/javascript/places-ui-kit/advanced-place-search.md.txt) extend the Place Search Elements, letting you configure action buttons and apply search and filtering options to reviews and media.
- [Advanced Place List Element](https://developers.google.com/maps/documentation/javascript/places-ui-kit/advanced-place-list.md.txt) renders a collection of places in a list given a set of Place IDs, and also supports custom buttons and filtering.
- [Basic Place Autocomplete Element](https://developers.google.com/maps/documentation/javascript/places-ui-kit/basic-autocomplete.md.txt) renders a text input field, supplies place predictions in a UI pick list, and returns a place ID for the selected place.

## Key features and capabilities

- Incorporate Google's trusted experience starting with minimal code.
- Bring Google Maps UI for Places to your apps at a lower cost than the Places API.
- Choose the data and display options that best suit your needs.

## Places UI Kit Essentials and Pro


Places UI Kit offers two tiers: Essentials and Pro. The Places UI Kit
Essentials tier offers the Place Details, Basic Place Autocomplete, and Place
Search components. The Pro tier offers the Advanced Place Details, Advanced
Place Search, and Advanced Place List components, which provide the same
functionality as the Essentials tier components, but with more customization
options and advanced features.


The table below provides a detailed comparison of the Places UI Kit Essentials
and Pro tiers:

| Capability | Places UI Kit Essentials | Places UI Kit Pro |
|---|---|---|
| Low code |   |   |
| Style customization |   |   |
| Content configuration |   |   |
| Place Details |   |   |
| Photos and reviews |   |   |
| Photo and review configurations |   |   |
| Button configurations |   |   |
| Custom place lists |   |   |

## Billing


The following elements bill the
[Places UI Kit Pro SKU](https://developers.google.com/maps/documentation/javascript/usage-and-billing.md.txt#places-ui-kit):

- `AdvancedPlaceListElement`
- `AdvancedPlaceSearchElement`
- `AdvancedPlaceDetailsElement`
- `AdvancedPlaceDetailsCompactElement`


Places UI Kit queries are billed per component instantiation, not based on
the Places API data included in the response. There's no additional cost
associated with any underlying API calls necessary to provide the response.
For example, a Places UI Kit Nearby Search won't create any additional
charges for returning photos of each place.

### Next step:
[Get started with the Places UI Kit](https://developers.google.com/maps/documentation/javascript/places-ui-kit/get-started.md.txt)