Dev Design Library

Header Five

A polished rounded header with compact mega-menu panels and stronger pill-shaped actions.

Header Five preview
Library
sv-efferd
Framework
Svelte
Type
block
License
MIT
Dependencies
@lucide/svelte
Install
pnpm dlx shadcn-svelte@latest add https://sv-efferd.pages.dev/r/header-five.json
Files
  • src/lib/components/efferd/header/header-five/header-five.svelte
  • src/lib/components/efferd/header/header-five/desktop-nav.svelte
  • src/lib/components/efferd/header/header-five/mobile-nav.svelte
  • src/lib/components/efferd/header/header-five/link-item.svelte
  • src/lib/components/efferd/header/header-five/nav-links.ts
  • src/lib/components/efferd/header/header-five/types.ts
  • src/lib/hooks/use-scroll.svelte.ts
  • src/lib/svgs/logo.svelte
Source
https://github.com/SikandarJODD/sv-efferd

Categories

More from sv-efferd