# Site header

A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet.

- ID: `site-header`
- Import: `animui/site-header`
- Category: blocks
- Runtime exports: `ArcMark`, `SiteHeader`, `SiteHeaderBlock`, `default`, `siteHeaderExampleItems`
- Declaration: `types/free/blocks/site-header.d.ts`
- Type provenance: emitted-original-typescript
- Related: morph-nav, site-footer, hero-section, breadcrumb

```tsx
import { ArcMark } from 'animui/site-header';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info site-header` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { ArcMark, SiteHeader, SiteHeaderBlock, default, siteHeaderExampleItems } from '../registry/blocks/site-header/site-header.js';
export type { SiteHeaderAction, SiteHeaderDestination, SiteHeaderFeature, SiteHeaderItem, SiteHeaderLink, SiteHeaderProps, SiteHeaderVariant } from '../registry/blocks/site-header/site-header.js';
```