# Gamma UI

> Beautifully designed landing page components built with React & Tailwind CSS & Motion.

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

## Components

- [3D Folder](https://gammaui.com/docs/components/3d-folder): A 3D animated folder component that reveals project cards on hover and expands into a smooth image lightbox with keyboard navigation.
- [Activity Dropdown](https://gammaui.com/docs/components/activity-dropdown): A modern activity/notification dropdown with smooth animations and responsive motion.
- [Animated List](https://gammaui.com/docs/components/animated-list): A dynamic list component with smooth animations that forms a column and scrolls through items continuously.
- [Aurora Glass](https://gammaui.com/docs/components/aurora-glass): A shimmering glass tile background with ripple layers, bevel shading, and chromatic spread.
- [Badge](https://gammaui.com/docs/components/badge): A flexible and customizable Badge component for labels, statuses, and indicators.
- [Border Button](https://gammaui.com/docs/components/border-button): A reactive border animation button that follows cursor movement using Framer Motion and CSS masks.
- [Cloud Flow](https://gammaui.com/docs/components/cloud-flow): An interactive cloud architecture visualization component featuring animated SVG flow paths, glowing data particles, node badges, and a central hub with layered motion effects—ideal for showcasing distributed systems, API traffic, and real-time infrastructure flows.
- [CPU Architecture](https://gammaui.com/docs/components/cpu-architecture): A fully animated CPU architecture SVG component with dynamic paths, gradients, and optional CPU connections.
- [Data Feeding In](https://gammaui.com/docs/components/data-feeding-in): An animated data ingestion visualization with flowing SVG paths, pulsing gradient beams, and a staggered table reveal using Framer Motion.
- [Inverted Cursor](https://gammaui.com/docs/components/inverted-cursor): A smooth, animated custom cursor component with blend mode effects.
- [Live Waveform](https://gammaui.com/docs/components/live-waveform): A customizable live audio waveform visualizer using the Web Audio API.
- [Location Map](https://gammaui.com/docs/components/location-map): An interactive 3D-tilting location card with expandable animated map, live indicator, and motion-based hover effects.
- [Logo Cloud](https://gammaui.com/docs/components/logo-cloud): A responsive logo grid component supporting dark mode, decorations, and flexible layout.
- [Logo Timeline](https://gammaui.com/docs/components/logo-loop): A looping logo marquee component with horizontal and vertical motion, hover effects, fading edges, and responsive behavior.
- [Logo Timeline](https://gammaui.com/docs/components/logo-timeline): A multi-row infinitely scrolling logo timeline built with Motion One, supporting hover-activated animations and row grouping.
- [Macbook Keyboard](https://gammaui.com/docs/components/macbook-keyboard): Interactive animated MacBook keyboard component.
- [Magnetize Button](https://gammaui.com/docs/components/magnetize-button): A magnetic particle-attraction button built with Framer Motion.
- [Overlay Button](https://gammaui.com/docs/components/overlay-button): An animated gradient button using Framer Motion with looping motion and spring transitions.
- [Pixel Button](https://gammaui.com/docs/components/pixel-button): A pixelated button animation effect built with Tailwind CSS and React.
- [Plasma](https://gammaui.com/docs/components/plasma): A mesmerizing plasma shader animation rendered with WebGL, perfect for dynamic backgrounds and previews.
- [Pricing Interaction](https://gammaui.com/docs/components/pricing-interaction): An interactive pricing switcher with animated numbers, selectable plans, and monthly/yearly billing modes.
- [Radial Intro](https://gammaui.com/docs/components/radial-intro): A dynamic radial orbit animation built with Motion and React, featuring upright spinning image nodes.
- [Shadcn UI](https://gammaui.com/docs/components/shadcn-ui): Animated ShadCN UI SVG with glowing masked paths, motion shapes, and dynamic shimmering text with customizable props.
- [Support Box](https://gammaui.com/docs/components/support-box): A collapsible animated support widget for quick help actions using Framer Motion.
- [Text Roll](https://gammaui.com/docs/components/text-roll): A rolling hover-animated text component built with Motion One.
- [Usage Card](https://gammaui.com/docs/components/usage-card): An animated system monitor card that displays a title, percentage, and neon-lit pill indicators driven by Motion.
- [Voxel Wall](https://gammaui.com/docs/components/voxel-wall): A dark voxel tunnel with volumetric light rays, drifting cubes, and mouse-driven camera parallax.
- [Wave Path](https://gammaui.com/docs/components/wave-path): A dynamic interactive SVG wave component that responds to pointer movement.
- [Wavy Text Block](https://gammaui.com/docs/components/wavy-text-block): A scroll-triggered wavy text animation component that creates flowing motion effects using Framer Motion and scroll context.

## Examples

- [Data Feeding In Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/data-feeding-in-demo.tsx): Example usage
- [Aurora Glass Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/aurora-glass-demo.tsx): Example usage
- [Live Waveform Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/live-waveform-demo.tsx): Example usage
- [Support Box Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/support-box-demo.tsx): Example usage
- [Overlay Button Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/overlay-button-demo.tsx): Example usage
- [Border Button Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/border-button-demo.tsx): Example usage
- [Wavy Text Block Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/wavy-text-block-demo.tsx): Example usage
- [Inverted Cursor Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/inverted-cursor-demo.tsx): Example usage
- [Pixel Button Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/pixel-button-demo.tsx): Example usage
- [Plasma Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/plasma-demo.tsx): Example usage
- [Radial Intro Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/radial-intro-demo.tsx): Example usage
- [Logo Cloud Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/logo-cloud-demo.tsx): Example usage
- [Wave Path Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/wave-path-demo.tsx): Example usage
- [Magnetize Button Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/magnetize-button-demo.tsx): Example usage
- [Text Roll Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/text-roll-demo.tsx): Example usage
- [Activity Dropdown Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/activity-dropdown-demo.tsx): Example usage
- [Badge Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/badge-demo.tsx): Example usage
- [Animated List Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/animated-list-demo.tsx): Example usage
- [Logo Timeline Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/logo-timeline-demo.tsx): Example usage
- [Logo Timeline Demo 2](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/logo-timeline-demo-2.tsx): Example usage
- [Logo Timeline Demo 2](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/logo-loop-demo.tsx): Example usage
- [Pricing Interaction Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/pricing-interaction-demo.tsx): Example usage
- [Cloud Flow Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/cloud-flow-demo.tsx): Example usage
- [Macbook Keyboard Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/macbook-keyboard-demo.tsx): Example usage
- [CPU Architecture Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/cpu-architecture-demo.tsx): Example usage
- [Shadcn UI Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/shadcn-ui-demo.tsx): Example usage
- [Location Map Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/location-map-demo.tsx): Example usage
- [3D Folder Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/3d-folder-demo.tsx): Example usage
- [Usage Card Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/usage-card-demo.tsx): Example usage
- [Voxel Wall Demo](https://github.com/mazyar-kawa/gamma-ui/blob/main/registry/example/voxel-wall-demo.tsx): Example usage

## Optional

- [Repository](https://github.com/mazyar-kawa/gamma-ui): Source code and issues
- [Sitemap](https://gammaui.com/sitemap.xml): Indexable pages