Vela UI Docs
venizia.ai

Git service

The Gitia org git workspace on the app shell: the organization Overview in the drive usage-card anatomy - repositories, git access tokens and your role as used / ceilings with a halftone meter and the free space footnote, the recent repositories as list rows with toned visibility and role pills under them, the clone base widget with its copy action and the screen's one Primary md New repository CTA - then the Repositories table in the drive file-table anatomy - search that live-filters the rows, visibility and role filter pills, mono clone rows, toned pills and the pager - the Repository in the drive file-table anatomy - the clone box, the branch pill and the Code / Commits / Settings tabs in the drive file-tab anatomy - the Browse tab in the drive file-table anatomy with the branch selector pill, breadcrumb path, directory rows and the halftone README, the Commits tab in the same anatomy with the author rows and the load-more, the Settings tab in the drive settings-card anatomy with its members upsert/remove and typed-name delete - and the git Tokens in the drive access-keys anatomy with vgt_ prefix pills, write/read toning, copy and the per-row revoke dialog that re-tones and re-stamps.

Git service

@velaui/gitia
@velaui/gitiaOpen Open
pnpm dlx velaui add @velaui/gitia

Built from

  1. AvatarAn image element with a fallback for representing the user.
  2. BadgeDisplays a badge or a component that looks like a badge.
  3. BreadcrumbDisplays the path to the current resource using a hierarchy of links.
  4. ButtonDisplays a button or a component that looks like a button.
  5. CheckboxA control that allows the user to toggle between checked and not checked.
  6. DialogA modal overlay for confirmations, decisions, and short flows.
  7. Dropdown MenuA menu of actions, checkbox items or radio items that opens from a trigger.
  8. InputA text input component for forms and user data entry with built-in styling and accessibility features.
  9. LabelAn accessible label associated with a form control.
  10. SegmentedA set of mutually exclusive options inside a single inline container.
  11. SelectDisplays a list of options for the user to pick from, triggered by a button.
  12. SidebarA collapsible app navigation rail with grouped menus, submenus, and an account card.
  13. TabsA set of layered sections of content, known as tab panels, that display one panel at a time.
  14. TextareaDisplays a form textarea or a component that looks like a textarea.
  15. 24 iconsFrom the Vela UI icon set, installed with the block.

Mount it in a route

// app/page.tsx
import Gitia from "@/components/blocks/gitia/gitia";

export default function Page() {
  return <Gitia />;
}