@kapwa

Kapwa is BetterGov Philippines' design system for public digital services, built with VitePress for documentation and Storybook for the component reference. Rooted in the Filipino value of shared selfhood (kapwa), it targets clarity, consistency, and public trust for government portals. Stack includes Tailwind CSS with a structured design-token architecture. Components are browsed via Storybook (separate from the docs site). Entirely open source and specific to the Philippine government digital-service context. Use for: building or extending government-facing Philippine web products that must conform to this official design language.

11 components react shadcn-cli CC0-1.0

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://kapwa-two.vercel.app/r/registry.json

pnpm pnpm dlx shadcn@latest add https://kapwa-two.vercel.app/r/registry.json

bun bunx shadcn@latest add https://kapwa-two.vercel.app/r/registry.json

fetch registry curl -s https://kapwa-two.vercel.app/r/registry.json

Components

11 total

Article component

Article card and content components for displaying news, blog posts, and long-form content.

npx shadcn@latest add https://kapwa-two.vercel.app/r/article.json

Civic Tech Banner component

Full-width banner for civic tech campaigns and community engagement with gradient background and call-to-action buttons.

npx shadcn@latest add https://kapwa-two.vercel.app/r/civic-tech-banner.json

List component

List component for displaying categorized items with optional action links. Perfect for service directories, document lists, and search results.

npx shadcn@latest add https://kapwa-two.vercel.app/r/list.json

Strip Banner component

Compact notification banner for urgent announcements, alerts, and time-sensitive information. Features emoji support and dual action buttons.

npx shadcn@latest add https://kapwa-two.vercel.app/r/strip-banner.json

Table component

Data table component with status badges, hover states, and action buttons. Perfect for user management, application tracking, and directory listings.

npx shadcn@latest add https://kapwa-two.vercel.app/r/table.json

Tables Section block

A section showcasing table styles for data presentation.

npx shadcn@latest add https://kapwa-two.vercel.app/r/tables.json

Articles Section block

A section showcasing article cards and content styles.

npx shadcn@latest add https://kapwa-two.vercel.app/r/articles.json

Banners Section block

A section showcasing banner and call-to-action components for community engagement.

npx shadcn@latest add https://kapwa-two.vercel.app/r/banners.json

Biography Section block

A section showcasing government official profile and official biography layout.

npx shadcn@latest add https://kapwa-two.vercel.app/r/biography.json

Official Biography component

A component showcasing government official profile and official biography layout.

npx shadcn@latest add https://kapwa-two.vercel.app/r/official-biography.json

Lists Section block

A section showcasing different list styles and search results.

npx shadcn@latest add https://kapwa-two.vercel.app/r/lists.json