# Shimmer: Options

> Speed, band width, color and angle are each one class.

Example: https://hextaui.com/docs/shimmer/examples/options
Component docs: https://hextaui.com/docs/shimmer.md

## Add this example

```bash
npx shadcn@latest add https://hextaui.com/r/shimmer-options.json
```

This adds `components/examples/shimmer/options.tsx` with the Shimmer component and the HextaUI theme tokens.

## Source

```tsx title="components/examples/shimmer/options.tsx"
export function ShimmerOptions() {
  return (
    <div className="flex flex-col items-start gap-4 text-sm">
      <p className="shimmer text-muted-foreground shimmer-duration-1000">
        Faster: shimmer-duration-1000
      </p>
      <p className="shimmer text-muted-foreground shimmer-spread-24">
        Wider band: shimmer-spread-24
      </p>
      <p className="shimmer text-foreground shimmer-color-info">
        Tinted: shimmer-color-info
      </p>
      <p className="shimmer text-muted-foreground shimmer-angle-45">
        Steeper: shimmer-angle-45
      </p>
    </div>
  )
}
```

## More Shimmer examples

- [Status updates](https://hextaui.com/docs/shimmer/examples/status.md)