# Thread hero — Detent

> Hairline threads sweep in from both edges and gather through your call to action. They tighten as you come near, part around your hand, and a press sends light out along every one.

Canonical: https://detentui.com/components/threads
Last updated: 2026-11-10

## About

Hairline threads sweep in from both edges and gather through your call to action. They tighten as you come near, part around your hand, and a press sends light out along every one.

## Details

- It fills its parent, so give the section a height.
- The headline, line and button are yours; `sentLabel` changes the button once pressed.
- Nothing is drawn while it is off screen.
- With reduced motion the threads hold still, and the words and button work without WebGL.

## Install

```bash
npx shadcn add https://detentui.com/r/threads
```

## Related
- [All components](https://detentui.com/components)
- [Pro](https://detentui.com/pro)