mzizi
design.nyuchi.comUnverifiedrepo only
The Nyuchi Design Portal -- component registry, brand documentation hub, design system, and developer portal for the mukoko ecosystem.
Items
571
2026-08-03Every entry in its own registry.json, counted last night.Free to install
0
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
today
1 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| accessibility-auditaccessibility-audit | N8 assurance probe that validates WCAG compliance and color-blindness safety across every semantic-color pair. Runs daily via pg_cron, detects regressions, and files a Fundi issue for each. Uses Machado/Oliveira/Fernandes (2009) linear-RGB simulation matrices for protanopia, deuteranopia, tritanopia, and achromatopsia. Includes an audit_exempt flag so decorative borders covered by WCAG 1.4.11 non-text-contrast exemption are correctly skipped. | Components | Unverified | no deps | |
| accordionaccordion | A vertically stacked set of interactive headings that reveal content. | Components | Unverified | 1 dep | |
| activity-feedactivity-feed | Chronological action list with timeline pattern for dashboards and profiles. | Components | Unverified | no deps | |
| address-inputaddress-input | Structured address form with street, city, state, postal code, and country fields with African countries prioritized. | Components | Unverified | no deps | |
| admin-pageadmin-page | Admin/back-office page. Tabbed admin interface with sidebar navigation, content area, and action bar. For Mukoko Console admin, B2B partner dashboards, org management. | Components | Unverified | no deps | |
| agenda-viewagenda-view | Chronological event list grouped by date. | Components | Unverified | no deps | |
| ai-chatai-chat | Complete AI conversation interface with message history, streaming, and suggested prompts. | Components | Unverified | no deps | |
| ai-feedbackai-feedback | Thumbs up/down rating for AI responses with optional text feedback. | Components | Unverified | no deps | |
| ai-response-cardai-response-card | Structured AI output card with markdown rendering and action buttons. | Components | Unverified | no deps | |
| alertalert | Displays a callout for important information. | Components | Unverified | no deps | |
| alert-dialogalert-dialog | A modal dialog that interrupts the user with important content and expects a response. | Components | Unverified | 1 dep | |
| analytics-dashboard-cardanalytics-dashboard-card | KPI metric card with sparkline chart, period comparison (vs last week/month/year), and drill-down action. The standard analytics widget for the Nyuchi Console and all 7 Nyuchi product dashboards. | Components | Unverified | 1 dep | |
| analytics-dashboard-pageanalytics-dashboard-page | Analytics dashboard page. KPI cards, time-series charts, data tables, date range picker, export controls. Used by Mukoko Console, Nyuchi Web Services, and B2B partners. Open data compatible — sections can be made public. Competitors: Grafana, Google Analytics, Metabase. | Components | Unverified | no deps | |
| ancestry-memorialancestry-memorial | Ancestral MIT display for deceased community members. Shows the person's fixed age, memorial badge, heritage data contribution status, and ancestral pool participation. Implements the visual layer of the MIT Ancestral Lifecycle Protocol. | Components | Unverified | no deps | |
| announcement-barannouncement-bar | Dismissible top-of-page banner for announcements with mineral-colored variants. | Components | Unverified | no deps | |
| api-explorer-pageapi-explorer-page | API explorer/playground page. Endpoint browser, request builder, response viewer, auth token input. For Nyuchi Web Services API docs. Competitors: Swagger UI, Postman, Stripe API Reference. | Components | Unverified | no deps | |
| api-key-displayapi-key-display | Masked/revealable API key with copy and regenerate actions. | Components | Unverified | no deps | |
| api-usage-meterapi-usage-meter | API quota visualization with current usage, rate limit status, and throttling indicator. Shows requests/second, daily quota, and monthly billing period. Used in Nyuchi API Platform dashboard and developer portal. | Components | Unverified | no deps | |
| app-switcherapp-switcher | Ecosystem app selector popover with grid of Nyuchi app icons. | Components | Unverified | 1 dep | |
| appointment-cardappointment-card | Medical appointment card showing provider name, specialty, date/time, location, and join/cancel actions. Maps to health.medical_appointment (Schema.org ScheduleAction). Used in Health mini-app and Nyuchi Medical provider views. | Components | Unverified | no deps | |
| arc-gaugearc-gauge | SVG radial arc gauge (270° sweep, open at bottom). Displays a percentage value as a filled arc with the value text centered inside. Uses stroke-dasharray animation. Proper role="meter" with aria-valuenow/min/max. Used for UV index, trust scores, completion percentages, health metrics, battery levels — any bounded numeric value. Production-proven in mukoko-weather MetricCard. | Components | Unverified | no deps | |
| article-pagearticle-page | Article/news reading page. Hero image, headline, author, read time, content body, source badge, related articles. Competitors: Medium, BBC, Al Jazeera. | Components | Unverified | no deps | |
| aspect-ratioaspect-ratio | Displays content within a desired ratio. | Components | Unverified | 1 dep | |
| assignee-pickerassignee-picker | User/team member selector for task assignment. Shows avatar, name, and availability indicator. Supports single and multi-select. Used in task assignment, event organiser roles, Circle admin assignment, and any workflow where items are assigned to people. | Components | Unverified | no deps | |
| audio-playeraudio-player | Audio playback with progress bar, play/pause, and speed control. | Components | Unverified | no deps | |
| audio-waveformaudio-waveform | Waveform visualization for audio recording, playback, and editing. Shows amplitude over time with playhead position. Used for voice notes in Campfire, audio content in Bytes, and podcast previews. | Components | Unverified | no deps | |
| audit-log-entryaudit-log-entry | Audit event display with actor, action, target, timestamp. | Components | Unverified | no deps | |
| author-bio-cardauthor-bio-card | Author profile card with avatar, bio, works count, subscriber count, revenue sharing indicator, and follow button. Maps to identity.person + novels.work tables. Used on novel detail pages and author directory. | Components | Unverified | no deps | |
| autocompleteautocomplete | Text input with async suggestion dropdown, loading states, and keyboard navigation. | Components | Unverified | no deps | |
| avataravatar | An image element with a fallback for representing the user. | Components | Unverified | 1 dep | |
| avatar-groupavatar-group | Overlapping avatar stack with +N overflow indicator for team displays. | Components | Unverified | no deps | |
| badgebadge | Displays a badge or a component that looks like a badge. | Components | Unverified | 1 dep | |
| batch-action-barbatch-action-bar | Multi-select action toolbar that appears when items are selected in a table or list. Shows selected count with approve-all, reject-all, export, and custom action buttons. Used across all Nyuchi Console moderation and management views. | Components | Unverified | no deps | |
| bento-gridbento-grid | Asymmetric grid layout with varying tile sizes. Japanese-inspired content layout pattern for dashboards, feature showcases, and landing pages. Supports responsive breakpoint-aware tile resizing. Audit flagged as missing UX pattern. ALPHA — awaiting frontend implementation. | Components | Unverified | no deps | |
| billing-pagebilling-page | Billing & subscription management page. Current plan, usage meters, invoices, payment methods, upgrade CTA. Used by Nyuchi Web Services, B2B partners, and Mukoko premium subscribers. | Components | Unverified | no deps | |
| booking-calendarbooking-calendar | Date/time availability grid for bookings. Shows available, partially available, and unavailable slots with mineral color coding. Used for vehicle booking (Transport), venue booking (Nhimbe), and appointment scheduling (Health). | Components | Unverified | no deps | |
| booking-confirmationbooking-confirmation | Booking success card with full details, QR code, calendar-add button, and share action. The standard post-booking confirmation pattern across Nhimbe events, Transport bookings, and Health appointments. Maps to planner.reservation table. | Components | Unverified | no deps | |
| booking-pagebooking-page | Booking/reservation page. Service/ride selection, date/time picker, provider selection, confirmation. Used by transport, health, events. | Components | Unverified | no deps | |
| bottom-sheetbottom-sheet | Mobile slide-up panel with drag handle, backdrop, and slide-up animation. | Components | Unverified | no deps | |
| breadcrumbbreadcrumb | Displays the path to the current resource using a hierarchy of links. | Components | Unverified | 1 dep | |
| buttonbutton | Displays a button or a component that looks like a button. | Components | Unverified | 2 deps | |
| button-groupbutton-group | Groups related buttons together. | Components | Unverified | 1 dep | |
| calendarcalendar | A date field component that allows users to enter and edit dates. | Components | Unverified | 1 dep | |
| calendar-day-viewcalendar-day-view | Single-day time grid with hourly slots and event blocks. | Components | Unverified | no deps | |
| calendar-month-viewcalendar-month-view | Full month calendar grid with event dots, today indicator, and day cell click handler. Complements calendar-day-view and calendar-week-view to complete the three standard calendar views. The month grid is the most common calendar entry point across all apps. | Components | Unverified | no deps | |
| calendar-week-viewcalendar-week-view | 7-column weekly calendar view with hourly time slots. | Components | Unverified | no deps | |
| camera-viewfindercamera-viewfinder | Camera preview overlay with branded recording indicator, timer display, and effects panel trigger. The creation entry point for Bytes short-form video and Campfire media messages. Pill-shaped record button with malachite accent. | Components | Unverified | no deps | |
| canvas-chartcanvas-chart | Chart.js Canvas-based chart renderer for data-heavy dashboards. Use INSTEAD of the Recharts chart when you have 100+ data points per chart or multiple charts per page. Canvas renders everything to a single DOM element regardless of data volume, while SVG (Recharts) creates a DOM node per data point. Includes CSS variable resolution for Canvas 2D context (which cannot read var() natively), theme-aware color fallbacks, mobile performance optimisation (reduced DPR, disabled animations), and automatic Chart.js instance cleanup on unmount to prevent canvas memory leaks. Production-proven in mukoko- | Components | Unverified | 2 deps |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| chart-area-axeschart-area-axes | Area chart — axes variant. | Blocks | Unverified | 1 dep | |
| chart-area-defaultchart-area-default | Area chart — default variant. | Blocks | Unverified | 1 dep | |
| chart-area-gradientchart-area-gradient | Area chart — gradient variant. | Blocks | Unverified | 1 dep | |
| chart-area-iconschart-area-icons | Area chart — icons variant. | Blocks | Unverified | 1 dep | |
| chart-area-interactivechart-area-interactive | Area chart — interactive variant. | Blocks | Unverified | 1 dep | |
| chart-area-legendchart-area-legend | Area chart — legend variant. | Blocks | Unverified | 1 dep | |
| chart-area-linearchart-area-linear | Area chart — linear variant. | Blocks | Unverified | 1 dep | |
| chart-area-stackedchart-area-stacked | Area chart — stacked variant. | Blocks | Unverified | 1 dep | |
| chart-area-stacked-expandchart-area-stacked-expand | Area chart — stacked expand variant. | Blocks | Unverified | 1 dep | |
| chart-area-stepchart-area-step | Area chart — step variant. | Blocks | Unverified | 1 dep | |
| chart-bar-activechart-bar-active | Bar chart — active variant. | Blocks | Unverified | 1 dep | |
| chart-bar-defaultchart-bar-default | Bar chart — default variant. | Blocks | Unverified | 1 dep | |
| chart-bar-horizontalchart-bar-horizontal | Bar chart — horizontal variant. | Blocks | Unverified | 1 dep | |
| chart-bar-interactivechart-bar-interactive | Bar chart — interactive variant. | Blocks | Unverified | 1 dep | |
| chart-bar-labelchart-bar-label | Bar chart — label variant. | Blocks | Unverified | 1 dep | |
| chart-bar-label-customchart-bar-label-custom | Bar chart — label custom variant. | Blocks | Unverified | 1 dep | |
| chart-bar-mixedchart-bar-mixed | Bar chart — mixed variant. | Blocks | Unverified | 1 dep | |
| chart-bar-multiplechart-bar-multiple | Bar chart — multiple variant. | Blocks | Unverified | 1 dep | |
| chart-bar-negativechart-bar-negative | Bar chart — negative variant. | Blocks | Unverified | 1 dep | |
| chart-bar-stackedchart-bar-stacked | Bar chart — stacked variant. | Blocks | Unverified | 1 dep | |
| chart-line-defaultchart-line-default | Line chart — default variant. | Blocks | Unverified | 1 dep | |
| chart-line-dotschart-line-dots | Line chart — dots variant. | Blocks | Unverified | 1 dep | |
| chart-line-dots-colorschart-line-dots-colors | Line chart — dots colors variant. | Blocks | Unverified | 1 dep | |
| chart-line-dots-customchart-line-dots-custom | Line chart — dots custom variant. | Blocks | Unverified | 1 dep | |
| chart-line-interactivechart-line-interactive | Line chart — interactive variant. | Blocks | Unverified | 1 dep | |
| chart-line-labelchart-line-label | Line chart — label variant. | Blocks | Unverified | 1 dep | |
| chart-line-label-customchart-line-label-custom | Line chart — label custom variant. | Blocks | Unverified | 1 dep | |
| chart-line-linearchart-line-linear | Line chart — linear variant. | Blocks | Unverified | 1 dep | |
| chart-line-multiplechart-line-multiple | Line chart — multiple variant. | Blocks | Unverified | 1 dep | |
| chart-line-stepchart-line-step | Line chart — step variant. | Blocks | Unverified | 1 dep | |
| chart-pie-donutchart-pie-donut | Pie chart — donut variant. | Blocks | Unverified | 1 dep | |
| chart-pie-donut-activechart-pie-donut-active | Pie chart — donut active variant. | Blocks | Unverified | 1 dep | |
| chart-pie-donut-textchart-pie-donut-text | Pie chart — donut text variant. | Blocks | Unverified | 1 dep | |
| chart-pie-interactivechart-pie-interactive | Pie chart — interactive variant. | Blocks | Unverified | 1 dep | |
| chart-pie-labelchart-pie-label | Pie chart — label variant. | Blocks | Unverified | 1 dep | |
| chart-pie-label-customchart-pie-label-custom | Pie chart — label custom variant. | Blocks | Unverified | 1 dep | |
| chart-pie-label-listchart-pie-label-list | Pie chart — label list variant. | Blocks | Unverified | 1 dep | |
| chart-pie-legendchart-pie-legend | Pie chart — legend variant. | Blocks | Unverified | 1 dep | |
| chart-pie-separator-nonechart-pie-separator-none | Pie chart — separator none variant. | Blocks | Unverified | 1 dep | |
| chart-pie-simplechart-pie-simple | Pie chart — simple variant. | Blocks | Unverified | 1 dep | |
| chart-pie-stackedchart-pie-stacked | Pie chart — stacked variant. | Blocks | Unverified | 1 dep | |
| chart-radar-defaultchart-radar-default | Radar chart — default variant. | Blocks | Unverified | 1 dep | |
| chart-radar-dotschart-radar-dots | Radar chart — dots variant. | Blocks | Unverified | 1 dep | |
| chart-radar-grid-circlechart-radar-grid-circle | Radar chart — grid circle variant. | Blocks | Unverified | 1 dep | |
| chart-radar-grid-circle-fillchart-radar-grid-circle-fill | Radar chart — grid circle fill variant. | Blocks | Unverified | 1 dep | |
| chart-radar-grid-circle-no-lineschart-radar-grid-circle-no-lines | Radar chart — grid circle no lines variant. | Blocks | Unverified | 1 dep | |
| chart-radar-grid-customchart-radar-grid-custom | Radar chart — grid custom variant. | Blocks | Unverified | 1 dep | |
| chart-radar-grid-fillchart-radar-grid-fill | Radar chart — grid fill variant. | Blocks | Unverified | 1 dep |
