> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blendduck.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Built-in Widgets

> BlendDuck offers a range of built-in widgets

export const WidgetCard = ({scope, name}) => <div className="flex items-center gap-2 py-2">
    <Frame>
      <img src={`https://s.poutduck.com/widgets/${scope}/${name}.png`} noZoom width="80" height="80" alt="counter" />
    </Frame>
    <div className="flex flex-col">
      <div><span>Widget ID:</span><span className="font-bold pl-2">{name}</span></div>
    </div>
  </div>;

BlendDuck has many built-in Widgets. Each Widget is uniquely identified by its scope and widgetId attributes. Widgets within the same scope do not have duplicate IDs. Below is a detailed list of Widgets categorized by scope.

## All Scopes of Widgets

### core

<WidgetCard scope="core" name="counter" />

<WidgetCard scope="core" name="rank" />

<WidgetCard scope="core" name="audioBars" />

<WidgetCard scope="core" name="audioWave" />

<WidgetCard scope="core" name="audioRadialBars" />

<WidgetCard scope="core" name="audioHills" />

<WidgetCard scope="core" name="album" />

<WidgetCard scope="core" name="durationBar" />

<WidgetCard scope="core" name="progressBar" />

<WidgetCard scope="core" name="progressCircle" />

<WidgetCard scope="core" name="progressPie" />

<WidgetCard scope="core" name="progressRect" />

<Note>
  This list may vary based on the current offerings of the BlendDuck platform. Please refer to the platform for the most up-to-date list of available widgets.
</Note>

## Related Concepts

* [About Widget](/widgets/about)
* [Build a Widget](/widgets/custom)