components▌

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

$23

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

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

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

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.

symfony:twig-components

Comprehensive patterns for building accessible UI component libraries with shadcn/ui and Radix Primitives. Covers CVA variants, OKLCH theming, cn() utility, component extension, asChild composition, dialog/menu patterns, and data-attribute styling. Each category has individual rule files in rules/ loaded on-demand.