All templates

Public notices

Make local updates easy to find. Put a place, a status, and a clear explanation behind each notice.

Map + status board · Calgary
Sample content

Neighbourhood updates

A sample board for work in public spaces.

4 locations

Demonstration content. Business locations and public notices are fictional; guide landmarks are real.

Add to your React app

One command copies the map, interactions, and sample content into your project. The interface follows your shadcn theme.

npx shadcn@latest add https://registry.unmap.dev/r/public-notices-01.json

For React apps with shadcn and Base UI already set up. The CLI adds the required components and packages.

Render the template

import { PublicNotices } from "@/components/unmap-public-notices"

<PublicNotices apiKey="um_live_..." />

Pass your Unmap browser key and allow your site's origin on it. Edit the copied component and sample data in your components and lib folders.

Included in this template

  • Filter notices by status
  • Linked map and notice details
  • Space for timing and next steps

Customize the map theme

Start with a map that already does something. Make the places, the content, and the colours yours.

Customize the map theme