Factory for Good

Footer

FFG-native app footer with the inlined monogram wordmark and a version label.

Platform v2.0

Installation

pnpm dlx shadcn@latest add @ffg/footer

Usage

import { Footer } from "@/components/ui/footer";

<Footer version="Platform v2.0" />

The shared app footer: the inlined FFG monogram (fills with currentColor) on the left, version label on the right, separated from the page by a hairline top border. Colours use muted-foreground / border, so it adapts to dark mode.

Focus Bubbles

Animated SVG bubble cluster for the onboarding review step — three selected cause areas float and breathe using a spring-physics RAF loop.

Impact Badge

FFG-native impact/category badge — renders a category icon in its accent colour, or a plain pill.

On this page

InstallationUsage