# GlowTree

> The Glow Tree component is a visually engaging and interactive file explorer built with Shadcn UI styling utilities and lucide-react icons. It displays hierarchical data, such as files and folders, with smooth expand and collapse animations using Framer Motion. Each node can optionally have a glowing effect, creating a pulsating highlight that draws attention to important files or folders. The component supports selection, updating the styling of the currently selected node for both light and dark themes. It is fully client-side, lightweight, and designed to provide a futuristic, dynamic experience while remaining easy to integrate and customize.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@ruixen.ui/components/glow-tree

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/glow-tree?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt