Fixed header: Part 2

Unlock with membership

Buy now

Fixed header: Part 2

Add a fading nav and a blurred background effect by extracting a reusable Hook.

Buy this course to access this lesson's summary and source code.

Buy Framer Motion Recipes

Buy the course

$199
one-time payment

Get everything in Framer Motion Recipes.

  • 3+ hours of video
  • 8 lessons
  • Private Discord
  • Summaries with code
  • Unlimited access to course materials

Lifetime membership

$349
Access all coursesone-time payment

Get lifetime access to every Build UI course, including Framer Motion Recipes, forever.

  • Access to all five Build UI courses
  • Full access to all future Build UI courses
  • Summaries with code
  • Video downloads
  • Working code demos
  • Private Discord

What's included

Stream or download every video

Watch every lesson directly on Build UI, or download them to watch offline at any time.

Live code demos

Access to a live demo of each lesson that runs directly in your browser.

Private Discord

Chat with Sam, Ryan and other Build UI members about the lessons – or anything else you're working on – in our private server.

Video summaries with code snippets

Quickly reference a lesson's material with text summaries and copyable code snippets.

Source code

Each lesson comes with a GitHub repo that includes a diff of the source code.

Invoices and receipts

Get reimbursed from your employer for becoming a better coder!