Component registry
One vocabulary, three platforms
Every shared OpenVibe interface as one definition: its anatomy, props, states, tokens, keyboard and dismissal rules, accessibility, and how it is built on the web, in Jetpack Compose and in SwiftUI. The same definitions are the vocabulary Design and Space give their AI generators.
Navigation
- NavbarThe site identity and navigation: the brand as one button, the menu button at the right, the person last.
- MenuOne navigation sheet: Here, Feed, Vibe with Chat · Agents, Chat and You, with the pressed button flying to its tab.
- You homeThe personal starting view inside the menu.
- DockPersistent place for the current task, clear of the phone app bar and keyboard.
- Dock tabsThe phone destinations attached to the bottom app bar.
Writing and choosing
- ChatA conversation: messages as room lines or bubbles, each with its actions in one cluster at its corner, and the box that sends, replies and edits.
- Thread composerA multiline message field with Options, attachments and send or stop.
- Search fieldOne search field for every site: a pill with suggestions, recent searches and a ghost completion.
- Form controlsOpenVibe's own checkbox, radio, switch, field and button on every site: drawn by the system, in the site's colours, with motion that follows the person.
- SheetA modal task surface: one heading, one close action and scrollable content.
- PopoverA small anchored set of choices that closes on outside tap.
- Keyboard behaviorShared focus, Escape and inset rules for controls near the screen edge.
Content
Settings
Files and AI
Motion
Changed lately: what shipped
The bar's brand, the search pill, the quest card, the avatar, the player, soft pages, icon ink and the footer: one specimen and the release behind each.
- The bar’s brandThe mark and the site’s name as one button: the site’s own pages, then every OpenVibe site.
- The search pillThe menu’s field, and the place’s actions as icons inside it: new, open in Chat, close.
- The quest cardOne daily quest a site can show: its mark, the day’s quest, three steps and one door to OpenVibe.Quest.
- The avatarA person’s picture; when it cannot show, the initial it becomes instead of a broken image.
- The playerThe network’s video player: one row of controls on a phone that never runs off the screen.
- Soft pagesA page fetched on intent, its wait drawn by the mark, and a bar that holds still while the page cross-fades.
- Icon inkA mark’s painted ink inside its tile: 0.58 of the tile, measured, not scaled by eye.
- MetricsThe network’s one way to show numbers: tiles, a trend line, ranked bars, percentiles, a split and a sortable table.
- The footerThe strip that says how many are online, the faces, and one tooltip that says what the count means.
A definition is a promise about behaviour, not a screenshot: the live demo on each page is the web implementation, and the Android and iOS sections name the container role and the interaction each platform owns.