um

Components

71 components, each a helper you call from a view. Every example renders live, with its source beside it.

Layout

9 components and 21 examples, each rendered live with its source beside it.

Members

Ada, Grace and Katherine.
3 of 5 seats used
Card

4 examples

No invitations yet.
Empty state

2 examples

cat.png
image/png · 12 KB
Item

1 example

Deploy keys

3 active
Keys that can pull from this repository.
Page header

2 examples

What this is.
Panel

2 examples

  • Applied
  • Screened
  • Onsite
  • Offer
  • Accepted
  • Started
Scroll area

2 examples

Files

12
Section

1 example

Separator

1 example

Loading
Skeleton

6 examples

Forms

4 components and 19 examples, each rendered live with its source beside it.

Stage Publish
Button

5 examples

  • Bug
Bug
Chore
Combobox

3 examples

Email
Form builder

9 examples

Toggle

2 examples

Navigation

9 components and 18 examples, each rendered live with its source beside it.

Breadcrumbs

2 examples

Search or jump to…
Overview
Installation
Command palette

1 example

Open Copy link Delete
Context menu

1 example

Edit Duplicate
Delete
Menu

3 examples

Kidbook
Navbar

1 example

Pagination

2 examples

Sidebar

2 examples

Tabs

3 examples

Tree view

3 examples

Overlays

6 components and 27 examples, each rendered live with its source beside it.

Reset the profile?

This can't be undone.
Cancel Reset
Confirm

2 examples

Edit profile

Ada Lovelace · Engineer
Save
Dialog

3 examples

Advanced options
Timeouts and retries.
Disclosure

2 examples

Rename this scene
Popover

2 examples

Changes saved.
Couldn't reach Slack.
Toast

16 examples

Copy the key Copy
Tooltip

2 examples

Data display

19 components and 54 examples, each rendered live with its source beside it.

+1
Avatar

3 examples

Active Pending Archived
Badge

2 examples

To do

2
Write the ad
Book the room

Doing

1
Shortlist
Board

2 examples

DNS isn't verified

Pending
Add the TXT record, then check again.
Callout

2 examples

0255024 Sep 37 Renders25 Sep 40 Renders26 Sep 43 Renders27 Sep 6 Renders28 Sep 9 Renders29 Sep 12 Renders30 Sep 15 Renders24 Sep28 Sep30 Sep
Chart

3 examples

def hello = "world"
Code view

3 examples

bundle add unmagic-components
Copy button

2 examples

Name
Ada Lovelace
Role
Engineer
Notes
—
Detail list

2 examples

3m 5s
Elapsed

2 examples

Mountain lake
Image Color Picker

1 example

Mountain lake
Image Crop

3 examples

Mountain lake
Image Zoom

2 examples

Search CommandControlK
Kbd

1 example

Commented
Deployed
Due
Local time

2 examples

Progress

2 examples

Phone screen
Take-home
Pairing
Sortable list

3 examples

Loading
Spinner

1 example

NameScore
Ada Lovelace120
Grace Hopper98
Table

5 examples

  1. Order placed
  2. Shipped
  3. Delivered(upcoming)
Timeline New

13 examples

Messaging

7 components and 17 examples, each rendered live with its source beside it.

Actions New

2 examples

  • brief.pdf200 KB
  • notes.md2 KB
Attachments New

2 examples

Ana Silva2:14 pm
Friday at 2pm works. I'll bring the sketches.
Message New

5 examples

  • 👍3You reacted
  • 🎉1
Reactions New

2 examples

Today
New messages
Separator New

1 example

Ana
Still on for Friday?
You
2pm, same place.
Thread New

4 examples

Ana Silva is typing
Typing New

1 example

AI chat

17 components and 37 examples, each rendered live with its source beside it.

Branch picker

1 example

Ana Silva
I'm travelling until the 18th.
Citation

2 examples

Composer

2 examples

You said
Who hasn't replied?
Donesearch_invitationsTook2s
Assistant said

Three candidates haven't replied since Monday.

Conversation

3 examples

The assistant couldn't finish this reply.

TimeoutError: execution expired

Failure

2 examples

You said
Move Ana to Friday?
Assistant said

Done — Friday at 2pm.

Message

3 examples

AskedTook64ms
{
  "query": "red lantern",
  "limit": 20
}
Payload

2 examples

Wants permission

delete_files paths: drafts/*

Permission

2 examples

Plan

1/3
  1. Done
    Find the job
  2. In progress
    Check the address
  3. Nudge Grace Waiting on you
Plan

3 examples

Proposal

2 examples

Thought for 12s

First find the job.

Reasoning

2 examples

Wants to know
How should it sound?
Request

3 examples

  • /invite [email]Invite a candidate
  • /interviewSchedule one
/in
Slash menu

1 example

Three candidates haven't replied since the invi▍

Streaming Markdown

2 examples

Donelist_shelvesTook90ms
Donesearch_filesTook640ms
Runningrender_sceneRunning for1m 12s
Tool call

3 examples

What can I help with?

Welcome

1 example

Workspace

3
  • lantern.png1.41 MB
  • scene.json5.98 KB
  • notes.md812 Bytes
Workspace

3 examples