Design System Overview

Welcome to the Galfus Design System. Here you will find the structural definitions and primitive HTML elements used across the application, styled entirely with native Tailwind v4 utilities.

Foundations

Colors and typography scales.

Colors Typography

Inputs & Actions

Forms, buttons, and interactive fields.

Buttons Inputs Checkbox & Radio Switch Select

Data Display

Components to display data and content.

Avatar Badge Accordion Table

Navigation

Menus, breadcrumbs, and tabs.

Breadcrumbs Tabs Pagination Menu Dropdown

Overlays & Feedback

Modals, popovers, alerts and toasts.

Popover Modal Alert Toast

Layout

Structural components for scaffolding.

Appbar Toolbar Sidebar Card Divider

Attachments

Advanced logic for builder patterns like Select.

Select Attach