# TriangleLoader

> This Triangle Polygon Loader is a visually striking, animated loading component built with React and Tailwind CSS, designed to enhance the user experience during waiting periods. It features multiple triangle polygons that radiate from a central point, scaling and rotating outward while gradually fading, creating a dynamic and futuristic effect. Fully configurable, it allows developers to adjust the number of polygons, stroke color, stroke width, animation speed, and overall size to suit different design contexts. The loader is responsive, theme-aware, and works seamlessly with dark and light modes, making it a modern, versatile, and attention-grabbing addition to any web interface or application.

- Author: [ruhith](https://21st.dev/@ruhith369)
- License: unknown
- Live preview: https://21st.dev/@ruhith369/components/triangle-loader

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruhith369/triangle-loader?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