# Widgets 11

> Widgets 11 variant for block.

A shadcn/ui block from the [@uiable](https://uiable.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/uiable/block-widgets-11).

- Page, with a live preview: https://shadcn.exchange/r/uiable/block-widgets-11
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/uiable/block-widgets-11-light-dfb1af00f36579ee.png
- Registry item: https://uiable.com/r/block-widgets-11.json
- Categories: widgets
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://uiable.com/r/block-widgets-11.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `@uiable/card`

## Files

### `src/components/uiable/blocks/widgets/widgets-11/widgets-11.tsx`

```tsx
// shadcn
import { Card } from "@/components/ui/card"

//  ------------------------------ | WIDGETS 11 | ------------------------------  //

export default function Widgets11() {
  return (
    <section>
      <Card className="group relative mb-0 h-64 w-full max-w-sm overflow-hidden rounded-2xl border-none">
        <img
          src="https://cdn.uiable.com/block/widgets-7.png"
          alt="Widget presentation"
          className="h-full w-full object-cover"
        />
      </Card>
    </section>
  )
}
```