Meet Frontfriend.Your brand. Your rules. Your agents, connected.Explore what’s new
What’s new

Your brand.
Your stack. Your agents.

Build with shared design decisions, native components and context for your AI agents.

SDK 1.4.1 Connect your application to Frontfriend. Install and connect
01
Your team

Clear roles in Self-serve.

Members request a promotion or rollback, and an owner or admin approves it before the tag moves. A member’s rule and shared contract changes wait for review, and members read the guidelines without editing them.

02
Your contracts

Contracts that stay clean.

Studio refuses a contract change that names people, tickets or the tools used to write it; the change rationale keeps that history. Delete a contract or a private component, and the next update removes it from your app.

03
Your builds

Builds that never move your app.

A build with a machine credential installs the requested tag and never registers the app or changes its tag. Signed in as a person, init registers the app and writes its adopted contracts.

04
Your updates

Smaller, safer updates.

The lock records a hash of each component file. update installs dependencies only for the components it changes, and a native Frontfriend app takes its icon library from the Design System.

05
Your start

From brand to saved system.

Connect gives your coding agent one prompt, and the agent asks what to adopt. Brand Import reads wide-gamut colors and font stacks, can scan a site again, and Save design system keeps your draft through sign-in.

06
Your components

A PDF viewer with a bundled worker.

On React targets the PDF viewer renders with react-pdf and bundles the PDF.js worker. The new fileName property names the download.

00
First public release

One system for your apps and agents.

  • Use 85 components across React/Base UI, React/Radix, React/React Aria and Vue/Reka.
  • Manage your brand, tokens and releases in Studio.
  • Connect the CLI, build integrations and MCP through @frontfriend/sdk.