Safe Lagoon UI

React component library for Safe Lagoon portals. Built on shadcn/ui, styled with the Figma brandbook.

Packages

Package	Description
@safelagoon/ui	Core component library
@safelagoon/ui/icons	Brand icon set
@safelagoon/ui/charts	Recharts wrappers
@safelagoon/ui/map	Google Maps geofence components
@safelagoon/ui/blocks	Layouts and auth forms

Quick start

npm install @safelagoon/ui

import { ThemeProvider, Button } from "@safelagoon/ui";
import "@safelagoon/ui/styles.css";

Development

pnpm install
pnpm dev          # docs site at localhost:3000
pnpm build        # build all packages
pnpm test         # run tests

Docs

Documentation microsite: ui.safelagoon.com (deploy from apps/docs).

shadcn registry

npx shadcn@latest add @Safe-Lagoon/ui/button

License

MIT © Safe Lagoon Software