Keep your React library
Fragments reads your components and token files from the repo. Keep shipping the system you already own.
AI writes the UI. Who writes the rules?
Fragments does. It serves your approved components and tokens to supported agents, and enforces the same contract in CI — so generated UI stays on-system.
14-day trial · local CLI scans stay free
Bring the design system you already have.
On Fragments UIThe most explicitly AI-native design system we've seen … the most forward-thinking option available.
Live demo
Watch off-system UI get caught — then put back under contract.
A wall of 15 rendered interface primitives — buttons, fields, badges, toggles, tabs — in which four have drifted off the design contract: a raw hex background (FUI2005), a raw button element (FUI1004), an unknown badge variant (FUI6002), and off-scale padding (FUI2006). The Fragments check scans the wall, pins each finding to its component, and conform rewrites them one at a time — the counter ticks down to 15 components with zero drift, and the kit settles governed.
governed · 15 components on contract
One contract. Every gate. Canonical components and tokens become the default path for people and agents shipping interface code.
Your rules become a contract
Pick canonical components and token sources. Fragments compiles them into policy agents and CI can share.
Same policy at every gate
Hooks, CI, and connected repos enforce one scan. Findings ship a code; only proven-safe fixes rewrite.
Put agents under contract
Free governance locally via the CLI. Cloud adds the hosted loop — GitHub checks, PR comments, and the team scoreboard.
Scaffold it in one command
npx @usefragments/cli initfragments.config.ts
const config = {
framework: 'react',
govern: {
presets: ['universal'],
canonicalSources: [
{
kind: 'npm',
specifier: '@your-org/ui', // your component library
},
],
},
};
export default config;Open-source Fragments UI
Need a React system to start with?
Fragments UI is MIT and free. Ship it, then put it under contract.
Cited by Untitled UI · linked from the Base UI communityGet product updates
Product updates, release notes, and practical guidance — no spam.
Product updates only. No spam.