Nacmias suite · design + implementation reference

Repo Gallery

Every application and shared library in the suite. The dot badge shows which repos consume the design system today — most apps are styled directly and are candidates for migration onto the shared tokens.

Applications

The product surface of the suite — public sites, client portals, and internal tools.

N
Production

NYCScope

Uses data-grid

NYC enforcement-data portal — violation tracking with OATH/DOB/HPD/FTY syncs and contract search.

Next.js 15React 19DrizzlePostgreSQLTanStack Query
NL
Production

Nacmias Law (Marketing)

Not yet integrated

Firm marketing site with practice areas, NYC Admin Code / NY Senate violation search, and Algolia.

Next.js 15Vercel PostgresAlgoliaStyled ComponentsTailwind
SL
Production

Sharnov Law

Not yet integrated

Sharnov Law Office site with traffic-court data, violation facets, and law scraping (AMLegal, NY Senate).

Next.js 15DrizzlePostgreSQLTailwindFramer Motion
BL
Active

Brooklyn Land Title

Not yet integrated

Land-title / real-estate closing portal with file dropzone and toast notifications.

Next.js 16Radix UITailwind v4
ND
Legacy

Nacmias Dashboard

Not yet integrated

Internal operations dashboard.

Next.js 15DrizzleNeonRadix UI
CD
Active

Client Dashboard

Uses data-grid

Client-facing portal for case and document management.

Next.js 16NextAuth@base-ui/reactTailwind v4
CC
Active

Call Companion

Not yet integrated

Internal collaboration / notes app with flow diagrams and rich-text editing.

Next.js 16Radix UIXYFlowTiptapnext-themes
DT
Active

DMV Tracker

Not yet integrated

DMV hearing tracking with an automation worker.

Next.js 16DrizzleNextAuthNeonTailwind
NT
Active

NYSCEF Tracker

Not yet integrated

NYSCEF document tracking and a legal-document template engine.

Next.js 16React Data GridTiptapTailwind
OD
Active

OATH Decision OCR

Not yet integrated

OATH decision PDF extraction and OCR ingestion.

Next.js 14React 18DrizzleNeonTailwind
PM
Active

Property Management

Not yet integrated

Property-management dashboard with drag-and-drop, PDF rendering, and Stripe billing.

Next.js 16PrismaReact Hook FormTanStack QueryTailwind v4
LG
Active

Ledger Generator

Not yet integrated

Landlord-tenant ledger generation with PDF / Excel export.

ExpressReact SPANode

Shared Libraries

The reusable foundation the apps build on — what this design system is made of.

N
Production

@nacmias-law/data-grid

Uses tokens

Feature-rich React data grid — toolbar, filtering, sorting, grouping, row expansion.

ReactTypeScript
N
Production

@nacmias-law/tokens

Part of the system

One DTCG source → brand.css (HSL), data-grid.css (hex), and a typed tokens.ts object.

Style Dictionary v5DTCGpnpm
N
Planned

@nacmias-law/ui

Part of the system

Framework-agnostic React primitives (Button, Card, Badge…) styled via token CSS variables.

ReactCSS variables
N
Planned

@nacmias-law/tailwind-preset

Part of the system

Tailwind v3 preset + v4 @theme bridge so token utilities are portable across the suite.

Tailwind v3Tailwind v4