The ComponentRegistry

Balanced teal-and-orange palette with full sidebar token support.

Cool-toned variant of the teal-orange palette with a dark sidebar.

Warm editorial theme for Visitza's public-facing product: Jost sans-serif, Playfair Display serif, teal primary, terracotta accents.

Professional cool-toned theme for Visitza's supplier portal: Inter, blue-grey primary.

Teal primary with orange secondary for Visitza's partner portal.

Indigo-blue primary with a dark sidebar for Visitza's internal admin dashboard.

A phase-aware loading spinner that transitions through loading → filling → complete states, optionally revealing the South African flag on completion.

The Visitza wordmark logo with South African flag emblem. Supports full-colour and monotone rendering.

The Visitza location-pin emblem with South African flag. Standalone version of the marker from the full Logo — ideal for favicons, avatars, and compact branding.

Minimal rounded icon-button primitive with overlay, ghost, and outline variants. Base component for SaveButton, ShareButton, and RecordButton.

A reusable heart-toggle save button with overlay, ghost, and outline variants.

A share-action icon button with a lift-off animation on click.

A microphone-toggle record button with idle, recording, and confirmed states.

A composable fixed-bottom mobile navigation bar with asChild support.

A composable infinite-scroll ticker strip with light and dark variants.

A composable product display card with compound sub-components.

A composable scroll-reveal primitive with shared IntersectionObserver.

An opinionated accommodation listing card built on ProductCard.

A slide-out panel component for mobile navigation and side content.

Composable header navigation links with animated active indicators.

An auth-aware account dropdown with composable trigger variants.

Geometric dual-chevron emblem for the Keystone Core brand.

A composable testimonial card with star ratings, quote icon, avatar, and author details.

Platform-agnostic chat UI with theme variants (default, whatsapp, imessage, slack), composable compound components, and paste-to-parse input.

Client-only camera button and menu item components with SSR-safe capability detection.

A 1:1 crop dialog with zoom, pan, and circular/square guide overlay.

Camera capture dialog with front/back switching, capture preview, and file upload fallback.

Composable photo upload with drag-drop, camera capture, image cropping, and preview — designed to compose with shadcn Avatar.

A single metric card with label, large value, optional sub-text, icon, and trend indicator. Use independently or compose into AdminDashboard.

Timestamped event log with kind icons (token, client, registry). Use independently or compose into AdminDashboard.

A dark-cinematic full-screen waitlist hero block with composable sub-components.

A composable sticky header with scroll-driven transparent/solid transitions and mobile navigation support.

Composable multi-column footer with brand slot, link groups, socials, separator, and legal bar.

A composable testimonials section layout with responsive 3-column grid.

Sidebar layout shell for internal Keystone Core tooling. Includes navigation, branding, and account menu slots.

Bearer token management UI. Create scoped tokens for client registry access, copy them on first generation, and revoke them with confirmation.

Internal admin overview with registry stats, quick actions, and a recent activity feed. Composed from AdminStat, AdminActivityFeed, and AdminQuickAction.

SSR-safe React hook that returns true when the user has enabled 'Reduce motion' in their OS accessibility settings.

A React hook for sharing content using the Web Share API.

A React hook for accessing the browser Geolocation API with one-shot and continuous watch modes.

A React hook for accessing the Network Information API with real-time updates.

A React hook for controlling device vibration via the Vibration API. SSR-safe.

A comprehensive React hook for audio recording with real-time analysis.

A generic React hook for IndexedDB CRUD operations with automatic database initialisation. SSR-safe.

A React hook for managing localStorage with automatic JSON serialisation. SSR-safe.

SSR-safe hook for detecting client capabilities (camera, mounted state) using useSyncExternalStore.

Hook for managing file attachments with local preview, upload progress, and message linking.

Hook for managing chat import state with a parser function dependency.

Lightweight locale-aware price formatter using Intl.NumberFormat. Defaults to South African Rand (ZAR).

Platform-agnostic types for chat data (messages, participants, attachments) compatible with WhatsApp, Telegram, iMessage, and custom sources.

Parses WhatsApp chat exports into generic Chat format with attachment and file matching support.

Renders waitlist confirmation emails (HTML + plain text) for public, partner, and supplier products. Compatible with any email service.