Float Navbar

This is a Float Navbar component.

Installation

1. Dependencies

npm install clsx tailwind-merge framer-motion

2. Paste inside @/lib/utils.ts

import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";

export function cn(...inputs: Parameters<typeof clsx>) {
  return twMerge(clsx(...inputs));
}

3. Copy Float Navbar Code

Copy Float Navbar Code

FloatNav Props

Name	Type	Required	Default	Description
children	React.ReactNode	Yes	undefined	The content of the navbar.