DEV Community

Cover image for shadcn-google-maps: Google Places Autocomplete for Next.js
jQueryScript
jQueryScript

Posted on

shadcn-google-maps: Google Places Autocomplete for Next.js

shadcn-google-maps: a shadcn/ui component that adds Google Places address autocomplete using the Places API (New), built for next.js projects.

Key features:

  • Session token billing grouping (Places API New)
  • Typed SelectedPlace results with address, lat/lng, and place ID
  • Debounced input with configurable interval
  • Keyboard navigation through suggestion list
  • Controlled and uncontrolled input modes
  • Country code filtering
  • One-command install via shadcn CLI

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)