UI Blocks.
Pre-built, composed sections ready to drop into your Next.js application.
Pro
Disappearing Scroll Header
Fixed Disappearing Scrolling Header.
Pro
Fixed Angled Header
Fixed Angled Header Using A CSS Pseudo-Element.
Pro
Hover Reveal Nav Header
A giant editorial navigation where each link reveals a sliding background pill and arrow on hover.
Pro
Hover Text Animation Header
Hover Effect For Headers.
Pro
Non Rectangular SVG Header
Non-rectangular CSS Headers With Inline SVG.
Pro
Parallax Image Header
Header Image Parallax Scrolling Effect With CSS.
Pro
Scrolling Progress Header
A sticky navbar with a reading progress bar at the bottom edge and active section highlighting.
Pro
Sticky Headers Be Sticky
Sticky Headers Be Sticky.
Pro
Sticky Nav Header
A floating navbar that transforms from transparent to frosted-glass on scroll, with an animated mobile menu.