components▌

$23

Code Components: Custom React components added to canvas. Support addPropertyControls.

Component libraries: Bits UI (headless) | Ark UI | Melt UI (primitives)

Build production-quality user interfaces that are accessible, performant, and visually polished.

Search Octopart's electronic-component catalog by keyword, MPN, or tech spec and return clean JSON: part identity, specs, distributor stock, and per-quantity pricing across DigiKey/Mouser/Arrow/Avnet/Farnell and 30+ other distributors. Recommended path is the Nexar GraphQL API (free with OAuth2 registration) — Octopart's public web UI is universally PerimeterX-walled on Browserbase.

Establish bidirectional links between Figma design components and code implementations using Code Connect. \n \n Requires Figma MCP server connection and published components on Organization or Enterprise plans \n Automatically identifies unmapped components in Figma selections, then scans your codebase for matching code components by name, structure, and props \n Presents matched components to you for review before creating mappings, allowing selective acceptance or rejection \n Supports multip

Comprehensive guide for building modern, accessible, and composable UI components. \n \n Covers component taxonomy (primitives, components, blocks, templates), core design principles, and accessibility implementation including ARIA, keyboard navigation, and WCAG compliance \n Includes patterns for composable APIs, polymorphism, controlled/uncontrolled state, and the as-child pattern for flexible element composition \n Provides guidance on design tokens, theming systems, styling approaches, and u

Use polymorphicFactory sparingly — it adds TypeScript overhead and slows IDE autocomplete.

Use components from your core library instead of raw platform components. This ensures consistent styling and behavior.

Locates all components.json files from Hyvä CMS modules and outputs a merged JSON object containing all component definitions from active modules.