For Tailwind CSS v3 docs, click here.

俄罗斯方块

俄罗斯方块的背景组件，你甚至可以点击一个方块来消除它。

API

Prop 名称类型默认值描述
classstring""Additional class names to style the component.
basenumber10How many blocks do you have in a row.
square-colorstring""Square color.

通过 CLI 安装

npm
pnpm
bun
yarn
npx shadcn-vue@latest add "https://registry.inspira-ui.com/tetris.json"

手动安装

Install the dependencies

npm
npm install theme-colors
```

```bash [pnpm]
pnpm install theme-colors
```

```bash [bun]
bun add theme-colors
```

```bash [yarn]
yarn add theme-colors
```

复制并粘贴以下代码：

Tetris.vue

感谢

Stractium 背景
一个基于着色器的背景，灵感来自复杂的分形图案和有机纹理，使用光线行进（raymarching）和 GLSL 创建。该效果旨在模拟复杂且不断演变的视觉纹理。
视频文字
一个带有视频背景的文本组件。