Dev Design Library

Hero Two

A framed product hero with a floating screen, structured header, and bordered logo section.

Hero Two 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/hero-two.json
Files
  • src/lib/components/efferd/hero/hero-two/preview.svelte
  • src/lib/components/efferd/hero/hero-two/hero.svelte
  • src/lib/components/efferd/hero/hero-two/logo-section.svelte
  • src/lib/components/efferd/header/header-two/header-two.svelte
  • src/lib/components/efferd/header/header-two/mobile-nav.svelte
  • src/lib/components/efferd/header/header-two/nav-links.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