Fragments FAQs

Question 1

How does Fragments integrate with AI?

Accepted Answer

Fragments features a Model Context Protocol (MCP) server. This enables AI assistants to query your design system in real-time, accessing component metadata, props, tokens, and accessibility rules to facilitate AI-powered design and development workflows.

Question 2

What is seed-based theming in Fragments?

Accepted Answer

Fragments uses a powerful seed-based theming system. By setting just 5 core seed values, the library automatically derives over 120 CSS custom properties, allowing for easy and consistent customization of your UI's look and feel.

Question 3

What is Fragments UI?

Accepted Answer

Fragments is a customizable React component library providing 56+ accessible and themeable components. It's designed to help developers build modern user interfaces, enhanced with unique AI integration capabilities.

Question 4

What types of components are included in Fragments?

Accepted Answer

Fragments offers a comprehensive suite of over 56 components across categories like Layout, Forms, Data Display, Feedback, and even specific AI patterns (e.g., ConversationList, Message, ThinkingIndicator) for building intelligent interfaces.

Question 5

How does Fragments ensure accessibility?

Accepted Answer

Fragments components are WAI-ARIA compliant and offer full keyboard navigation, ensuring high standards of accessibility for all users. It's built on headless primitives to maintain flexibility and control.

Fragments

Fragments

Key Features

Use Cases

Key Features

Use Cases