Lodestar

ui

A floating pill navbar — a frosted near-black bar with a subtle white bottom hairline — that hides on scroll down and reveals on scroll up. Scroll-velocity aware, and never hides while any child has keyboard focus.

pnpm dlx shadcn@latest add "https://crucibleui.com/r/lodestar.json"

Sign In

Lodestar

ui

A floating pill navbar — a frosted near-black bar with a subtle white bottom hairline — that hides on scroll down and reveals on scroll up. Scroll-velocity aware, and never hides while any child has keyboard focus.

pnpm dlx shadcn@latest add "https://crucibleui.com/r/lodestar.json"

motion

use-reduced-motion

components/crucible/lodestar.tsx

motion

use-reduced-motion

components/crucible/lodestar.tsx