# Atlas UI

> Beautiful, Open Source, Motion powered components for React and HTML. Accelerate development, inspire creativity, and bring interfaces to life with seamless animations.

This file provides LLM-friendly entry points to documentation and examples.

## Components

- [Animated Mobile Navbar](https://www.atlasui.dev/docs/components/animated-mobile-navbar): A simple animated mobile navbar component.
- [Blend Mouse Trailer](https://www.atlasui.dev/docs/components/blend-mouse-trailer): A simple Lazy Mouse Trailer which blends with the content on hover.
- [Blob Mouse Trailer](https://www.atlasui.dev/docs/components/blob-mouse-trailer): A simple Lazy Blob Mouse Trailer
- [Box Reveal](https://www.atlasui.dev/docs/components/box-reveal): A smooth reveal animation that slides a colored overlay away to introduce content as it enters the viewport.
- [Dot And Circle Mouse Trailer](https://www.atlasui.dev/docs/components/dot-and-circle-mouse-trailer): A simple Lazy Dot and Circle Mouse Trailer
- [Hacker Text](https://www.atlasui.dev/docs/components/hacker-text): A text animation that scrambles letters before revealing the final text.
- [Loki Text Effect](https://www.atlasui.dev/docs/components/loki-text-effect): The iconic text animation from the Loki series intro.
- [Morph Navbar](https://www.atlasui.dev/docs/components/morph-navbar): A polished navigation bar with a fluid, morphing pill that tracks the active link and hover state.
- [Notch Nav](https://www.atlasui.dev/docs/components/notch-nav): A Notch style trigger that reveals the navigation menu from above.
- [Parallax Sections](https://www.atlasui.dev/docs/components/parallax-sections): A simple Parallax effect using Motion.
- [Project Gallery](https://www.atlasui.dev/docs/components/project-gallery): A Project Gallery with an interactive modal.
- [Reveal Effect](https://www.atlasui.dev/docs/components/reveal-effect): Animates content into view with a vertical slide, blur fade-in, and clipping reveal effect.
- [Scroll Based Character Reveal](https://www.atlasui.dev/docs/components/scroll-based-character-reveal): A text reveal effect which progressively reveals text character by character as you scroll.
- [Scroll Based Text Reveal](https://www.atlasui.dev/docs/components/scroll-based-text-reveal): A text reveal effect which animates the opacity of the text as you scroll.
- [Scroll Based Word Reveal](https://www.atlasui.dev/docs/components/scroll-based-word-reveal): A text reveal effect which progressively reveals text word by word as you scroll.
- [Shiny Button](https://www.atlasui.dev/docs/components/shiny-button): A shiny button with a sleek animation effect.

## Examples

- [Animated Mobile Navbar Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/animated-mobile-navbar-demo.tsx): Example usage
- [Animated Mobile Navbar Side Example](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/animated-mobile-navbar-side-example.tsx): Example usage
- [Project Gallery Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/project-gallery-demo.tsx): Example usage
- [Parallax Sections Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/parallax-sections-demo.tsx): Example usage
- [Shiny Button Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/shiny-button-demo.tsx): Example usage
- [Dot and Circle Mouse Trailer Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/dot-and-circle-mouse-trailer-demo.tsx): Example usage
- [Blob Mouse Trailer Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/blob-mouse-trailer-demo.tsx): Example usage
- [Blend Mouse Trailer Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/blend-mouse-trailer-demo.tsx): Example usage
- [Hacker Text Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/hacker-text-demo.tsx): Example usage
- [Scroll Based Text Reveal Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/scroll-based-text-reveal-demo.tsx): Example usage
- [Scroll Based Word Reveal Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/scroll-based-word-reveal-demo.tsx): Example usage
- [Scroll Based Character Reveal Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/scroll-based-character-reveal-demo.tsx): Example usage
- [Reveal Effect Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/reveal-effect-demo.tsx): Example usage
- [Reveal Effect Example 1](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/reveal-effect-speed-example.tsx): Example usage
- [Reveal Effect Example 2](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/reveal-effect-delay-example.tsx): Example usage
- [Reveal Effect Example 3](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/reveal-effect-translate-y-example.tsx): Example usage
- [Loki Text Effect Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/loki-text-effect-demo.tsx): Example usage
- [Box Reveal Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/box-reveal-demo.tsx): Example usage
- [Notch Nav Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/notch-nav-demo.tsx): Example usage
- [Morph Navbar Demo](https://github.com/SnehdeepDupare/atlas-ui/blob/main/react/examples/morph-navbar-demo.tsx): Example usage

## Optional

- [Repository](https://github.com/SnehdeepDupare/atlas-ui): Source code and issues
- [Sitemap](https://www.atlasui.dev/sitemap.xml): Indexable pages