36 Components

AI-native components

Everything designed here, from menus and toolbars to the pieces of a conversation. Each one installs on its own, into components/aiellie.


Actions

07

Tooltip Icon Button

01

A simple tooltip icon button component

Add Menu

02

A plus button that opens a menu of things to add

Toolbar

03

A simple toolbar component

User Menu

04

Who is signed in, and what they can do with their account

Help Menu

05

Help, shortcuts and policies behind one button

Temporary Chat Toggle

06

Start a chat that stays out of history

History Buttons

07

Back and forward through what you opened, with their shortcuts

Inputs

07

Model Selector

08

A simple model selector component

Project Selector

09

Which project a chat belongs to, and a menu to switch it

Plugin Selector

10

Which plugins a chat can use, turned on and off from one menu

Work In Menu

11

Where work runs: local, a worktree or the cloud

Branches Menu

12

Search the branches, or create and check out a new one

Dictate Button

13

Speak instead of typing, into any field

Editable Title

14

A heading you click to rename in place

Layout

02

Panels

15

An app shell with resizable panels on three sides

Nav Bars

16

A rail of bars for a page's sections or a thread's turns

Overlays

04

Menu

17

A simple menu component

Settings Dialog

18

Profile, appearance, and API keys in one focused dialog

Share Dialog

19

Who can open it, a link to copy, and places to post it

File Preview

20

A file opened in full: an image, a PDF, code in color or a folder

Feedback

04

Status

21

A simple status component

Meter

22

How full something is, like a context window or a credit balance

Waveform

23

Live bars that follow a microphone, so you can see it hears you

Toast

24

Stacked and anchored notifications for updates that need attention

Chat

12

Composer

25

A simple composer component

Attachments

26

Images as small squares, other files as chips, in a row

Message

27

A simple message component

Date Divider

28

The day and time a thread picks up at, as a quiet line of text

Thread

29

A simple thread component

Thread Transcript

30

A rail of your turns beside a thread that jumps to each one

Quick Chat

31

A compact conversation that floats over the current page

Stream Text

32

A streamed reply written out word by word, at a steady pace

Reasoning

33

How long the model thought, folding open to show its thoughts

Thinking Indicator

34

What a reply is doing before its first word, as a live dot and a shimmer

Sources

35

The pages a reply drew on, as small chips that open them

Suggestions

36

Prompts to start from, arriving together as a row