Components

Ace Navbar

Responsive navbar with motion/react animated mobile menu and dropdown support

Ace Navbar

Responsive navbar with motion/react animated mobile menu and dropdown support.

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/ace-navbar

Usage

import { AceNavbar } from "@/components/vandoko/ace-navbar";

export default function Page() {
  return <AceNavbar />;
}

Features

  • Animated -- Smooth entrance and interaction animations via motion/react
  • Responsive -- Adapts to all screen sizes
  • Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency

Props

4 props
PropTypeDefaultDescription
className
string-
items
AceNavItem[]-
logo
React.ReactNode-
cta
React.ReactNode-

Dependencies

  • motion

Lineage

PropertyValue
Source@aceternity/navbar
Version1.0.0
Curated2026-03-26
LicenseMIT

Modifications

  • oklch color conversion
  • Vandoko design token integration
  • Props interface extraction

On this page