Marmo UIMARMO UI
ComponentsDocsPricingUpdatesConnect agent

<Code />&Design

Every Component You Need

A complete library of 51+ production-ready UI components, built for Figma and ready to ship.

import { Button, Card, Badge, DataTable } from '@marmoui/ui'

Browse the library

Inputs

Form Elements

Inputupdatedmarmoui.com/Input Group{{name}}Input ShortcodeTextareaSelectSelectSearch…Searchable Select3 selectedCheckbox SelectCategoriesCategory SelectCheckboxCheckbox CardRadioRadio GroupRadio CardSwitchupdated
Slider
July 2026
SuMoTuWeThFrSa
Date Pickerupdated
LabelFieldFormLabel *Label

Actions

Buttons & Actions

ButtonDayWeekMonthButton GroupIcon Button2 selectedArchiveDeleteAction Bar

Data display

Data & Display

UserStatusAminaActiveYousefActiveData TableupdatedChartalphaKPI CardWidget‹12›Pagination
Badge
Badge
DesignShippedTag
MU
Avatar
Aa Bb CcTextMarketing CardsLifecycle Funnel

Feedback

Feedback & Status

Something went wrongAlertProgress
Skeleton
Loading...Spinner✓SavedToasterupdated

Overlays

Overlays & Menus

DialogDrawerEditDuplicateDeleteDropdownupdatedTooltipPopoverHover CardTooltipTooltip

Layout

Layout & Navigation

Page Section‹12›Section WizardSidebar PanelTab 1Tab 2TabsScroll AreaCard
MARMO  UI

The AI agentic designer. Connect Claude Code, Codex, Cursor, or Gemini to the Marmo MCP and ship dashboards and apps in minutes — in your own style.

Product

  • React components
  • Pricing
  • Updates
  • Roadmap
  • Connect your agent
  • Account

Docs

  • Get started
  • Install the agent
  • DESIGN.md for AI agents
  • Design tokens & colors
  • Dashboard charts

Company

  • About
  • FAQ
  • GitHub
  • Figma library
  • MIT license
© 2026 Marmo UI
License