BlockReactSelf-contained

header-2

Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transitions.

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

Install

npx shadcn@latest add @efferd/header-2

Needs @efferd in your components.json registries — switch to URL if it doesn't resolve.

2 variants

Other takes on header-2 from @efferd — the same idea in another design, language or styling.

Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navigation links.

@efferd

Framer icon

React icon

GitHub icon

Slack icon

Immersive grid with images and gradients.

Google Play icon

Minimalist testimonial with decorative cross-hair lines around the avatar.

Copy button component.