Architecture of vercel-labs/ui

Behaviors are implemented in the core package, whose entry point is packages/core/src/index.ts. Framework adapters such as packages/svelte/src/index.ts, packages/vue/src/index.ts and packages/solid/src/index.ts connect those behaviors to each framework. A component is built by creating a primitive with behaviors, and createParts renders that primitive into parts such as Root, Input and Clear. The apps/playground/src/main.ts entry point runs the playground app, and apps/docs holds the documentation site. The same parts are produced in every supported framework.

• examples: 3,150 files and 144,128 lines of code
• packages: 1,976 files and 221,292 lines of code
• tests: 487 files and 61,411 lines of code
• apps: 149 files and 37,741 lines of code
• scripts: 20 files and 3,876 lines of code
• root: 1 file and 58 lines of code

By file count: TypeScript 4,088 files, Svelte 1,072 files, Vue 595 files, JavaScript 26 files, Shell 2 files.

Repowise documents ui in 3,844 pages generated from the source, 63 of them written explanations of the repository and its modules.