Magic UI

# Magic UI > Beautifully designed landing page components built with React & Tailwind CSS. This file provides LLM-friendly entry points to documentation and examples. ## Components - [Android](https://magicui.design/docs/components/android): A mockup of an Android device. - [Animated Beam](https://magicui.design/docs/components/animated-beam): An animated beam of light which travels along a path. Useful for showcasing the integration features of a website. - [Animated Circular Progress Bar](https://magicui.design/docs/components/animated-circular-progress-bar): Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value. - [Animated Gradient Text](https://magicui.design/docs/components/animated-gradient-text): An animated gradient background which transitions between colors for text. - [Animated Grid Pattern](https://magicui.design/docs/components/animated-grid-pattern): A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS. - [Animated List](https://magicui.design/docs/components/animated-list): A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page. - [Animated Shiny Text](https://magicui.design/docs/components/animated-shiny-text): A light glare effect which pans across text making it appear as if it is shimmering. - [Theme Toggler](https://magicui.design/docs/components/animated-theme-toggler): A component for theme changing animation. - [Aurora Text](https://magicui.design/docs/components/aurora-text): A beautiful aurora text effect - [Avatar Circles](https://magicui.design/docs/components/avatar-circles): Overlapping circles of avatars. - [Backlight](https://magicui.design/docs/components/backlight): A backlight glow effect for videos, images, and SVGs. - [Bento Grid](https://magicui.design/docs/components/bento-grid): Bento grid is a layout used to showcase the features of a product in a simple and elegant way. - [Blu