UIPKGE/blocks/header-transparent-scroll

Header — Transparent Over Hero · UIPKGE

Marketing navbar that starts transparent over the hero and fades in a bordered, blurred surface once the page scrolls, with a nav row, theme-neutral CTA pair, and a mobile sheet.

npx shadcn@latest add https://uipkge.dev/r/react/header-transparent-scroll.json

Loading the source for header-transparent-scroll…

header-transparent-scroll

Registry Items

header-transparent-scroll

Configuration

Name

header-transparent-scroll

Type

Block

Description

Marketing navbar that starts transparent over the hero and fades in a bordered, blurred surface once the page scrolls, with a nav row, theme-neutral CTA pair, and a mobile sheet.

Files · 1

Dependencies

npm packages

lucide-react

Registry items

https://uipkge.dev/r/react/button.json

https://uipkge.dev/r/react/separator.json

https://uipkge.dev/r/react/sheet.json