atlas-ui
atlasui.devFreemanifest served live
Motion Powered Animated Components for React, Next.js & HTML
Items
99
2026-08-03Every entry in its own registry.json, counted last night.Free to install
99
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
8 days ago
7 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Animated Mobile Navbaranimated-mobile-navbar | A simple animated mobile navbar component. | Components | Free | 2 deps | |
| Blend Mouse Trailerblend-mouse-trailer | A simple Lazy Mouse Trailer which blends with the content on hover. | Components | Free | 1 dep | |
| Blob Mouse Trailerblob-mouse-trailer | A simple Lazy Blob Mouse Trailer | Components | Free | 1 dep | |
| Box Revealbox-reveal | A smooth reveal animation that slides a colored overlay away to introduce content as it enters the viewport. | Components | Free | 1 dep | |
| Cascade Textcascade-text | A smooth line-by-line text reveal animation. | Components | Free | 1 dep | |
| Dot And Circle Mouse Trailerdot-and-circle-mouse-trailer | A simple Lazy Dot and Circle Mouse Trailer | Components | Free | 1 dep | |
| Fancy Theme Togglefancy-theme-toggle | Theme Toggle from the classic Designer vs Developer meme. | Components | Free | 1 dep | |
| Hacker Texthacker-text | A text animation that scrambles letters before revealing the final text. | Components | Free | no deps | |
| Letter Swapletter-swap | A text animation that swaps the letters vertically on hover. | Components | Free | 1 dep | |
| Loki Text Effectloki-text-effect | The iconic text animation from the Loki series intro. | Components | Free | 1 dep · 9 files | |
| Magnetic Hovermagnetic-hover | A smooth magnetic hover interaction that subtly pulls elements toward the with using spring based motion animations. | Components | Free | 1 dep | |
| Morph Navbarmorph-navbar | A polished navigation bar with a fluid, morphing pill that tracks the active link and hover state. | Components | Free | 1 dep | |
| Notch Navnotch-nav | A Notch style trigger that reveals the navigation menu from above. | Components | Free | 1 dep | |
| Parallax Sectionsparallax-sections | A simple Parallax effect using Motion. | Components | Free | 1 dep | |
| Project Galleryproject-gallery | A Project Gallery with an interactive modal. | Components | Free | 1 dep | |
| Reveal Effectreveal-effect | Animates content into view with a vertical slide, blur fade-in, and clipping reveal effect. | Components | Free | 1 dep | |
| Scroll Based Character Revealscroll-based-character-reveal | A text reveal effect which progressively reveals text character by character as you scroll. | Components | Free | 1 dep | |
| Scroll Based Text Revealscroll-based-text-reveal | A text reveal effect which animates the opacity of the text as you scroll. | Components | Free | 1 dep | |
| Scroll Based Word Revealscroll-based-word-reveal | A text reveal effect which progressively reveals text word by word as you scroll. | Components | Free | 1 dep | |
| Shiny Buttonshiny-button | A shiny button with a sleek animation effect. | Components | Free | 1 dep | |
| Typewritertypewriter | A typewriter component that cycles through text with a synced flashing highlight animation. | Components | Free | 1 dep | |
| Warp Sliderwarp-slider | A smooth, infinite slider with dynamic warp distortion and momentum based scrolling. | Components | Free | 1 dep |
Themes
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| indexindex | no description published | Themes | Free | 1 dep |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Animated Mobile Navbaranimated-mobile-navbar-html | A simple animated mobile navbar component in HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Blend Mouse Trailerblend-mouse-trailer-html | A simple Lazy Mouse Trailer which blends with the content on hover using HTML, CSS and JavaScript. | Utilities | Free | no deps · 3 files | |
| Blob Mouse Trailerblob-mouse-trailer-html | A simple Lazy Blob Mouse Trailer using HTML, CSS and JavaScript. | Utilities | Free | no deps · 3 files | |
| Box Revealbox-reveal-html | A smooth reveal animation that slides a colored overlay away to introduce content as it enters the viewport. | Utilities | Free | 1 dep · 3 files | |
| Cascade Textcascade-text-html | A smooth line-by-line text reveal animation built with HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Dot And Circle Mouse Trailerdot-and-circle-mouse-trailer-html | A simple Lazy Dot and Circle Mouse Trailer using HTML, CSS and JavaScript. | Utilities | Free | no deps · 3 files | |
| Fancy Theme Togglefancy-theme-toggle-html | Theme Toggle from the classic Designer vs Developer meme, built with HTML, CSS, JavaScript and Motion. | Utilities | Free | 2 deps · 3 files | |
| Hacker Texthacker-text-html | A text animation that scrambles letters before revealing the final text using HTML, CSS and JavaScript. | Utilities | Free | no deps · 3 files | |
| Letter Swapletter-swap-html | A text animation that swaps the letters vertically on hover, built with HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Loki Text Effectloki-text-effect-html | The iconic text animation from the Loki series intro using HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 10 files | |
| Magnetic Hovermagnetic-hover-html | A smooth magnetic hover interaction that subtly pulls elements toward the with using spring based motion animations, built with HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Morph Navbarmorph-navbar-html | A polished navigation bar with a fluid, morphing pill that tracks the active link and hover state built with HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Notch Navnotch-nav-html | A Notch style trigger that reveals the navigation menu from above built with HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Parallax Sectionsparallax-sections-html | A simple Parallax effect using HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Project Galleryproject-gallery-html | A Project Gallery with an interactive modal using HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Reveal Effectreveal-effect-html | Animates content into view with a vertical slide, blur fade-in, and clipping reveal effect using HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Scroll Based Character Revealscroll-based-character-reveal-html | A text reveal effect which progressively reveals text character by character as you scroll using HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Scroll Based Text Revealscroll-based-text-reveal-html | A text reveal effect which animates the opacity of the text as you scroll using HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Scroll Based Word Revealscroll-based-word-reveal-html | A text reveal effect which progressively reveals text word by word as you scroll using HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Shiny Buttonshiny-button-html | A shiny button with a sleek animation effect using HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| Typewritertypewriter-html | A typewriter component that cycles through text with a synced flashing highlight animation built with HTML, CSS, JavaScript and Motion. | Utilities | Free | 1 dep · 3 files | |
| utilsutils | no description published | Utilities | Free | 2 deps | |
| Warp Sliderwarp-slider-html | A smooth, infinite slider with dynamic warp distortion and momentum based scrolling built with HTML, CSS, JavaScript and Three.js. | Utilities | Free | 1 dep · 3 files |
Examples
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Animated Mobile Navbar Demoanimated-mobile-navbar-demo | Example showcasing the Animated Mobile Navbar component. | Examples | Free | no deps | |
| Animated Mobile Navbaranimated-mobile-navbar-html-demo | Example showcasing the Animated Mobile Navbar component in HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Animated Mobile Navbar Side Exampleanimated-mobile-navbar-side-example | Example showcasing the Mobile Navbar emerging from the side. | Examples | Free | no deps | |
| Blend Mouse Trailer Demoblend-mouse-trailer-demo | Example showing the lazy mouse trailer which blends with the content on hover. | Examples | Free | no deps | |
| Blend Mouse Trailerblend-mouse-trailer-html-demo | Example of Blend Mouse Trailer which blends with the content on hover using HTML, CSS and JavaScript. | Examples | Free | no deps · 3 files | |
| Blob Mouse Trailer Demoblob-mouse-trailer-demo | Example showing the lazy blob that follows the mouse cursor. | Examples | Free | no deps | |
| Blob Mouse Trailerblob-mouse-trailer-html-demo | Example of Blob Mouse Trailer using HTML, CSS and JavaScript. | Examples | Free | no deps · 3 files | |
| Box Reveal Demobox-reveal-demo | Example of Box Reveal that has a smooth reveal animation that slides a colored overlay away to introduce content as it enters the viewport. | Examples | Free | no deps | |
| Box Revealbox-reveal-html-demo | Example of Box Reveal that has a smooth reveal animation that slides a colored overlay away to introduce content as it enters the viewport. | Examples | Free | 1 dep · 3 files | |
| Cascade Text Democascade-text-demo | Example of Cascade Text with a smooth line-by-line reveal. | Examples | Free | no deps | |
| Cascade Textcascade-text-html-demo | Example of Cascade Text with a smooth line-by-line reveal built with HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Dot and Circle Mouse Trailer Demodot-and-circle-mouse-trailer-demo | Example showing the lazy dot and circle that follows the mouse cursor. | Examples | Free | no deps | |
| Dot And Circle Mouse Trailerdot-and-circle-mouse-trailer-html-demo | Example of Dot And Circle Mouse Trailer using HTML, CSS and JavaScript. | Examples | Free | no deps · 3 files | |
| Fancy Theme Toggle Demofancy-theme-toggle-demo | Example of Theme Toggle from the classic Designer vs Developer meme. | Examples | Free | no deps | |
| Fancy Theme Togglefancy-theme-toggle-html-demo | Example of Theme Toggle from the classic Designer vs Developer meme, built with HTML, CSS, JavaScript and Motion. | Examples | Free | 2 deps · 3 files | |
| Hacker Text Demohacker-text-demo | Example showcasing text animation that scrambles letters before revealing the final text | Examples | Free | no deps | |
| Hacker Texthacker-text-html-demo | Example of text animation that scrambles letters before revealing the final text using HTML, CSS and JavaScript. | Examples | Free | no deps · 3 files | |
| Letter Swap Demoletter-swap-demo | Example of Letter Swap that swaps the letters vertically on hover. | Examples | Free | no deps | |
| Letter Swapletter-swap-html-demo | Example of Letter Swap that swaps the letters vertically on hover built with HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Loki Text Effect Demoloki-text-effect-demo | Example showcasing the iconic animation from the Loki series intro. | Examples | Free | no deps | |
| Loki Text Effectloki-text-effect-html-demo | Example showcasing the iconic text animation from the Loki series intro using HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 10 files | |
| Magnetic Hover Demomagnetic-hover-demo | Example of a smooth magnetic hover interaction that subtly pulls elements toward the with using spring based motion animations. | Examples | Free | no deps | |
| Magnetic Hovermagnetic-hover-html-demo | Example of Magnetic Hover component, built with HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Morph Navbar Demomorph-navbar-demo | Example of Morph Navbar with a fluid, morphing pill that tracks the active link and hover state. | Examples | Free | no deps | |
| Morph Navbarmorph-navbar-html-demo | Example of Morph Navbar with a fluid, morphing pill that tracks the active link and hover state built with HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Notch Nav Demonotch-nav-demo | Example of Notch style trigger that reveals the navigation menu from above. | Examples | Free | no deps | |
| Notch Navnotch-nav-html-demo | Example of a Notch style trigger that reveals the navigation menu from above built with HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Parallax Sections Demoparallax-sections-demo | Example of Parallax Sections component. | Examples | Free | no deps | |
| Parallax Sectionsparallax-sections-html-demo | Example of Parallax Sections component using HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Project Gallery Demoproject-gallery-demo | Example of Project Gallery with an interactive modal. | Examples | Free | no deps | |
| Project Galleryproject-gallery-html-demo | Example showcasing the Project Gallery component with an interactive modal using HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Reveal Effect Example 2reveal-effect-delay-example | Example of Reveal Effect with a custom delay. | Examples | Free | no deps | |
| Reveal Effect HTML Example 2reveal-effect-delay-html-example | Example of Reveal Effect with a custom delay. | Examples | Free | 1 dep · 3 files | |
| Reveal Effect Demoreveal-effect-demo | Example of Reveal Effect with a vertical slide, blur fade-in, and clipping reveal effect. | Examples | Free | no deps | |
| Reveal Effectreveal-effect-html-demo | Example of Reveal Effect with a vertical slide, blur fade-in, and clipping reveal effect using HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Reveal Effect Example 1reveal-effect-speed-example | Example of Reveal Effect with a custom speed. | Examples | Free | no deps | |
| Reveal Effect HTML Example 1reveal-effect-speed-html-example | Example of Reveal Effect with a custom speed. | Examples | Free | 1 dep · 3 files | |
| Reveal Effect Example 3reveal-effect-translate-y-example | Example of Reveal Effect with a custom translate-y. | Examples | Free | no deps | |
| Reveal Effect HTML Example 3reveal-effect-translate-y-html-example | Example of Reveal Effect with a custom translate-y. | Examples | Free | 1 dep · 3 files | |
| Scroll Based Character Reveal Demoscroll-based-character-reveal-demo | Example showcasing a character reveal effect which animates the opacity of the character as you scroll. | Examples | Free | no deps | |
| Scroll Based Character Revealscroll-based-character-reveal-html-demo | Example of text reveal effect which progressively reveals text character by character as you scroll using HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Scroll Based Text Reveal Demoscroll-based-text-reveal-demo | Example showcasing a text reveal effect which animates the opacity of the text as you scroll. | Examples | Free | no deps | |
| Scroll Based Text Revealscroll-based-text-reveal-html-demo | Example of text reveal effect which animates the opacity of the text as you scroll using HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Scroll Based Word Reveal Demoscroll-based-word-reveal-demo | Example showcasing a word reveal effect which animates the opacity of the word as you scroll. | Examples | Free | no deps | |
| Scroll Based Word Revealscroll-based-word-reveal-html-demo | Example of text reveal effect which progressively reveals text word by word as you scroll using HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Shiny Button Demoshiny-button-demo | Example of Shiny Button with a sleek animation effect. | Examples | Free | no deps | |
| Shiny Buttonshiny-button-html-demo | Example of Shiny Button with a sleek animation effect using HTML, CSS, JavaScript and Motion. | Examples | Free | 1 dep · 3 files | |
| Typewriter Demotypewriter-demo | Example of typewriter component that cycles through text with a synced flashing highlight animation. | Examples | Free | no deps |
