Library
12 components available— Unlock all with Pro
Badge / Tag
A small, pill-shaped status badge for labeling items with a color-coded state such as Active, Inactive, or Pending. Lightweight and composable.
buttonsData List
A structured list component displaying rows of data with alternating background colors for readability. Ideal for tabular data without a full grid.
tablesTotal Revenue
$48,250
Stats Card
A KPI card displaying a key metric, its label, and a trend indicator with color-coded direction. Ideal for dashboard summary sections.
cardsPrimary Button
A bold, filled blue button with rounded corners for primary call-to-action use. Features a clean label centered on a solid blue background.
buttonsSecondary Button
An outlined button with a transparent background for secondary actions. Uses a subtle border and muted label to complement primary actions.
buttonsIcon Button
A compact square button displaying a centered icon, ideal for toolbars and action menus. Built with a rounded rectangle background and a Power Apps icon.
buttonsSimple Dropdown
A clean, minimal single-select dropdown for forms. Styled with a dark background and subtle border to match a modern UI.
formsSearch Bar
A text input field with a magnifier icon for search interactions. Combines a styled text input and icon in a rounded container.
formsNav Menu Horizontal
A top horizontal navigation bar with multiple items and an active state indicator. Uses a blue underline to highlight the selected route.
navigationSidebar Nav
A vertical left-side navigation panel with icons and labels for each menu item. Supports an active highlight state using a blue background strip.
navigationModal informatif
Modal d'information avec icône, titre et message. Idéal pour les notifications.
modalsModal de confirmation
Modal de confirmation avec titre, message personnalisable et deux boutons d'action.
modals