Community Header Customizer

Customize the appearance of the Community Header widget

Use the controls below to customize the widget, then copy the embed code.

Default

Dark

Minimal

Bold

Core Settings

Title

Theme

Community URL

Show Search

Show Stats

Show Online Indicator

Theming

Live Preview

Embed Code

<script src="https://your-domain.com/js/community-header-widget.js"></script>

<legion-community-header
  api-url="https://your-domain.com"
  title="Community"
  theme="light"
  community-url="/community"
></legion-community-header>