This component no longer exists. It was in atlas-ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-13 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Animated Mobile Navbar Side Example
atlas-ui/animated-mobile-navbar-side-exampleRemovedExample
Example showcasing the Mobile Navbar emerging from the side.
Install it
npx shadcn@latest add https://atlasui.dev/r/animated-mobile-navbar-side-example.jsonSource
1import { Button } from "@/components/ui/button";2import {3 AnimatedMobileNavbar,4 AnimatedMobileNavbarContent,5 AnimatedMobileNavbarLink,6 AnimatedMobileNavbarTrigger,7} from "@/registry/react/atlasui/animated-mobile-navbar";89const SIDES = ["left", "top", "right"] as const;1011export const AnimatedMobileNavbarSidesExample = () => {12 return (13 <div className="flex gap-2">14 {SIDES.map((side) => (15 <AnimatedMobileNavbar key={side}>16 <AnimatedMobileNavbarTrigger>17 <Button variant="outline">{side}</Button>18 </AnimatedMobileNavbarTrigger>19 <AnimatedMobileNavbarContent side={side}>20 <AnimatedMobileNavbarLink label="Home" href="#" />21 <AnimatedMobileNavbarLink label="About" href="#" />22 <AnimatedMobileNavbarLink label="Services" href="#" />23 <AnimatedMobileNavbarLink label="Contact Us" href="#" />24 <AnimatedMobileNavbarLink label="Pricing" href="#" />25 </AnimatedMobileNavbarContent>26 </AnimatedMobileNavbar>27 ))}28 </div>29 );30};
What it pulls in
Other registry items
