Design System
Layout
Headers, footers, and separators.
Header
A responsive header component with logo, navigation menu, and right-side action buttons.
Footer
A responsive footer with copyright text, center navigation links, and social icon links.
Footer Columns
A multi-column footer layout with organized link groups for Company, Product, Resources, and Legal sections.
Separator
Separates content horizontally or vertically, with optional labels, icons, avatars, various styles, and sizes.
Orientations
Horizontal (default)
Vertical
Left
Center
Right
With Content
With label
Section Title
With icon
With avatar
Types
Solid (default)
Dashed
Dotted
Sizes
xs
sm
md
lg
xl