@mksingh
mksingh.dev is the personal shadcn/ui registry of Mukesh Singh, a Staff Software Engineer working across Rust, TypeScript, and Go. The registry documents ReactJS components, hooks, JSON form renderers, and TanStack integrations alongside notes on open-source projects including Shield (self-hosted IAM/CIAM in Rust inspired by Google Zanzibar) and TypeSense UI (a UI layer for Typesense search). Focused on production-ready, drop-in additions with no extra setup required for existing shadcn projects. Use for: borrowing specific utilities, form renderers, or search-UI primitives from a senior engineer's personal collection when the standard shadcn set is insufficient.
Install this registry
npx shadcn@latest add https://mksingh.dev/r/registry.json pnpm dlx shadcn@latest add https://mksingh.dev/r/registry.json bunx shadcn@latest add https://mksingh.dev/r/registry.json curl -s https://mksingh.dev/r/registry.json Components
36 totalA polymorphic Typography component with 14 variants (hero, h1–h4, p, lead, large, small, muted, tiny, blockquote, code, error) built with cva. Renders the sema…
npx shadcn@latest add https://mksingh.dev/r/typography.json A React hook that provides cross-platform compatibility for useLayoutEffect, automatically falling back to useEffect on the server-side to prevent hydration mi…
npx shadcn@latest add https://mksingh.dev/r/use-isomorphic-layout-effect.json A React hook for responsive design that listens to CSS media queries and returns boolean values, enabling components to conditionally render content based on s…
npx shadcn@latest add https://mksingh.dev/r/use-media-query-hook.json JSONForms combobox renderer for anyOf schemas that combine enum values with a plain string type. Renders a text input with a datalist dropdown — user can pick …
npx shadcn@latest add https://mksingh.dev/r/jsonforms-anyof-string-or-enum-control.json JSONForms accordion-based renderer for arrays of objects. Each item renders in a collapsible panel with add, remove, and reorder controls.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-array-layout.json JSONForms checkbox renderer for boolean type fields.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-control.json JSONForms switch/toggle renderer for boolean fields. Activated by setting options.toggle to true in the UISchema.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-toggle-control.json JSONForms tabs/categorization layout renderer for UISchema Categorization elements.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-categorization.json JSONForms checkbox cell for boolean fields inside array table layouts.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-cell.json JSONForms switch cell for boolean fields inside array table layouts.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-toggle-cell.json JSONForms date cell for date fields inside array table layouts.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-date-cell.json JSONForms select cell for enum fields inside array table layouts.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-enum-cell.json JSONForms integer cell for integer fields inside array table layouts.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-integer-cell.json JSONForms number cell for number fields inside array table layouts.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-number-cell.json JSONForms formatted number cell for fields inside array table layouts. Displays the current value formatted; on focus switches to a raw number input.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-number-format-cell.json JSONForms select cell for oneOf enum fields inside array table layouts.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-oneof-enum-cell.json JSONForms text cell for string fields inside array table layouts.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-text-cell.json JSONForms time cell for time fields inside array table layouts.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-time-cell.json JSONForms text input renderer for string type fields.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-control.json JSONForms date input renderer.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-date-control.json JSONForms datetime-local input renderer.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-datetime-control.json JSONForms select/dropdown renderer for enum type fields.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-enum-control.json JSONForms collapsible accordion renderer for UISchema Group elements.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-group.json JSONForms horizontal row layout renderer. Children are distributed equally.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-horizontal-layout.json JSONForms static label/heading renderer for UISchema Label elements.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-label.json JSONForms number/integer input renderer.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-number-control.json JSONForms select renderer for oneOf enum fields. Uses withJsonFormsOneOfEnumProps so options include title/const pairs.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-oneof-enum-control.json JSONForms radio group renderer for oneOf enum fields. Activated by setting options.format to 'radio' in the UISchema.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-oneof-radio-group-control.json JSONForms radio group renderer for enum fields. Activated by setting options.format to 'radio' in the UISchema.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-radio-group-control.json JSONForms slider renderer for numeric fields with minimum/maximum defined in schema.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-slider-control.json JSONForms multi-line textarea renderer. Activated by setting options.multi to true in the UISchema.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-textarea-control.json JSONForms time input renderer.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-time-control.json JSONForms vertical stack layout renderer.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-vertical-layout.json Complete set of JSONForms renderers and cells built on ShadCN. Covers all controls from @jsonforms/material-renderers: text, number, integer, boolean (checkbox…
npx shadcn@latest add https://mksingh.dev/r/jsonforms-renderers.json Utility functions for JSONForms — includes translateError for rendering custom error messages from JSON Schema errorMessage annotations.
npx shadcn@latest add https://mksingh.dev/r/jsonforms-utils.json A comprehensive theme management library for TanStack React Start applications with server-side rendering support, automatic system preference detection, and s…
npx shadcn@latest add https://mksingh.dev/r/tanstack-start-react-themes.json