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
atlas-ui/animated-mobile-navbar-htmlRemovedUtility
A simple animated mobile navbar component in HTML, CSS, JavaScript and Motion.
Install it
npx shadcn@latest add https://atlasui.dev/r/animated-mobile-navbar-html.jsonSource
1<!DOCTYPE html>2<html lang="en">3 <head>4 <meta charset="UTF-8" />5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />6 <title>Animated Mobile Navbar - Atlas UI</title>7 <link rel="stylesheet" href="style.css" />8 </head>9 <body>10 <button id="menu-trigger" class="menu-trigger">☰</button>1112 <div id="mobile-menu" class="mobile-menu">13 <button id="menu-close" class="menu-close">✖</button>14 <nav class="menu-links">15 <a href="#" class="nav-link">Home</a>16 <a href="#" class="nav-link">About</a>17 <a href="#" class="nav-link">Services</a>18 <a href="#" class="nav-link">Portfolio</a>19 <a href="#" class="nav-link">Contact</a>20 </nav>21 </div>22 </body>23 <script type="module" src="script.js"></script>24</html>
What it pulls in
npm packages
