design-infraReport a problem or share feedback← Catalog
Sticky Banner
freeaceternity/sticky-banner
A banner component that sticks to top, hides when user scrolls down
$
npx shadcn@latest add @aceternity/sticky-banner- Source
- Aceternity UI
- Kind
- component
- Categories
- cta, scroll-effect, hero
- Use as
- drop-in — replaces your component
- Applies to
- ctascroll-effecthero
- Motion
- on scroll · medium · motion · medium cost
- Tags
- banner, sticky
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Fey.com Macbook Scrollaceternity/macbook-scrollFey-style laptop reveal. Heavy; one per page max.
- Flip Wordsaceternity/flip-wordsRotating keyword in a headline ("Build ___ faster"). Keep to 3–5 words.
- Hero Parallaxaceternity/hero-parallaxA scroll effect with rotation, translation and opacity animations.