Consenti
Tutorial — Frontend + Backend — Step 4 of 9
RestartSwitch to Frontend Only →

Install Frontend

Add @consenti/ui to your client app.

123456789

Same three install options as the frontend-only tutorial — pick whichever matches your client project.

Option A — npm (recommended)

bash
npm install @consenti/ui

Option B — CDN / UMD (no build step)

index.html
html
<script src="https://cdn.jsdelivr.net/npm/@consenti/ui/dist/index.umd.js"></script>
<script>
  const { ConsentiSetup } = ConsentiUI
  new ConsentiSetup({ api: { enabled: true, baseUrl: 'https://your-site.com' } })
</script>

Option C — ESM in the browser (no bundler)

index.html
html
<script type="module">
  import { ConsentiSetup } from 'https://esm.sh/@consenti/ui'
  new ConsentiSetup({ api: { enabled: true, baseUrl: 'https://your-site.com' } })
</script>

Install this on the client — or the same app, for a full-stack framework like Next.js.

PreviousNext: Configure Frontend