System StatusOnline
NAV
Figma design system, React + TypeScript component library, D3.js/Recharts dashboards. UI that activates users and reduces churn.
I architect and build the frontend layer of SaaS products—from a standalone design system in Figma and Storybook through to a fully tested React + TypeScript component library wired into your backend. Specialties include complex multi-panel dashboards, real-time data charts with D3.js or Recharts, role-based access UI, and onboarding flows that actually activate new users and reduce time-to-value.
Figma Design System with tokens, variants, and auto-layout—the single source of truth that keeps design and code in perfect sync.
React + TypeScript component library with Storybook documentation, published to your private npm registry for reuse across products.
Real-time data visualization with D3.js or Recharts—line, bar, candlestick, and geographic heatmap charts that update via WebSocket.
Role-based UI rendering (admin vs read-only vs member) with permission gates at the component level, not just at the route level.
Onboarding flow with progress checklist, contextual product tours, and thoughtfully designed empty states that activate new signups from day one.
I study your user personas and core workflows, map the information architecture, and define the dashboard's primary, secondary, and tertiary navigation before any design begins.
I build the Figma component library—buttons, forms, tables, modals, charts—then translate it into a React/TypeScript Storybook with accessibility checks automated via axe-core.
I build the dashboard screens, connecting each component to your API endpoints, implementing optimistic UI updates, and wiring up real-time WebSocket or SSE feeds.
I run moderated usability sessions or guerrilla tests with real users, iterate on identified pain points, and hand over the codebase with full component documentation.
I focus on the frontend and API contract (REST or GraphQL). I can review or specify backend data shapes, and for full-stack work I offer a combined web engineering engagement.
I implement virtual scrolling with TanStack Virtual for datasets over 1,000 rows and server-side pagination and filtering to keep the UI snappy regardless of dataset size.
Yes. I build it as a standalone package importable into any React project. CSS custom properties (variables) handle theming so it adapts to your brand without forking.
I default to Recharts for standard charts (covers 80% of cases) and drop down to raw D3.js for custom or animated visualizations that higher-level libraries cannot produce efficiently.
Initiate protocol. Establish connection. Let's build something loud.