Our new React package makes integration faster, with less code to write and maintain
We've released @ideal-postcodes/react, a native React package that adds Address Finder to your app with a single tag.
What's new
The new package provides a ready-made Address Finder component for React projects. Everything the component needs to run is built in, so there is no additional wiring to write around it.
Install it with:
npm install @ideal-postcodes/react
Then add <AddressFinder /> to your app and start searching.
The existing Address Finder JavaScript library is still fully supported and continues to be a great option for projects built outside of React, or for teams that prefer to manage the integration themselves.
Designed to fit how React apps are built
The package is built to work alongside the tools most projects are already using. The component can render its own input field, or wrap an existing one built with a design system such as shadcn/ui, MUI, or Mantine, so the address field can match the rest of the interface.
It works with Next.js, Remix, and Astro, on both React 18 and 19. The component comes styled by default, with the flexibility to apply your own styling if you'd prefer.
A better fit for AI website builders
Many of the popular AI app builders, such as Lovable, Bolt, and Replit, generate apps in React, and coding assistants like Cursor, Claude Code, and Copilot are increasingly used to put projects together. Now that Address Finder is available as a native React component, it works directly with whatever these platforms produce.
With fewer lines of code and fewer steps involved, these tools have less to work through, which leads to more consistent and reliable results.
Get started
Read the React integration guide to get started. The latest Address Finder (5.2.15) and Postcode Lookup (3.3.2) bundles are also included in this release, so those improvements come through automatically.
You can follow our changelog to keep up with future updates.