Animate Grid

Skew Animation grid with box shadow.

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/animate-grid.json"

复制并粘贴以下代码：

AnimateGrid.vue

Add at least one SVG file to the same folder as your component and update the import in your component to use it

Prop 名称	类型	默认值	描述
`textGlowStartColor`	`string`	`"#38ef7d80"`	Color of the box shadow start.
`textGlowEndColor`	`string`	`"#38ef7d"`	Color of the box shadow end.
`perspective`	`number`	`600`	You can pass perspective to transform CSS property.
`rotateX`	`number`	`-1`	You can pass rotateX to transform CSS property.
`rotateY`	`number`	`-15`	You can pass rotateY to transform CSS property.
`cards`	`[]`	`"[{logo: 'src'}]"`	Cards to display in grid.
`class`	`string`	`""`	Additional tailwind CSS classes for custom styling.

Slot-Based Content: Supports a default slot to add content inside the Animate Grid container.

本页