fragms

Beautiful components, ready made

Components and agent skills for AI interfaces. Tune them here, copy one file, done.

Open the StudioBrowse the library

What's new in 2.1

A plan that ticks itself off and changes you review line by line, on top of 2.0's shared theme, whole screens and presets.

Plan

An agent's to do list that ticks itself off as it works.

Diff

Review an agent's change line by line, and accept or keep each part.

Theme

One accent, glow, corners and pace that every component takes.

Compose

A whole agent screen made of components, exported as one file.

Presets

Looks to start from, your own, and any shared as a link.

Approve

Hold to let an agent act.

Confidence

How sure an answer is, and why.

Components

One file each, running live. Open one to tune it, or copy it straight into your project.

Open

Aura

A glow that follows a voice

Open

Points

Little agents with a face

Open

Ghost

An AI cursor that works your interface

Browse all 11

Every fragment takes the same three steps, and none of them takes long.

1

Tune it

Every fragment has live settings. Play until it looks right.

$

2

Install it

One command saves the file. No setup, works in any React project.

3

Use it

Import it and drop it in. The snippet already has your settings.

Every setting for every component, your own colours, presets you can save and share, and the exact code to paste. Pro opens with a code for now.

Open the StudioTry it free, unlock the rest