Logo Origami

Animated flipping logo with origami effect.

通过 CLI 安装

npm

pnpm

bun

yarn

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

在同一个文件中，复制并粘贴以下代码：

LogoOrigami.vue

LogoOrigamiItem.vue

Prop 名称	类型	默认值	描述
`class`	`string`	`""`	Additional CSS classes for custom styling.
`duration`	`number`	`1.5`	Duration of the flip animation in seconds.
`delay`	`number`	`2.5`	Delay between flip animations in seconds.

Origami Flip Animation: Animates flipping between multiple child components with an origami-style effect.
Customizable Timing: Adjust the duration and delay props to control the animation speed and interval.
Slot-Based Content: Accepts multiple child components or content via default slots.
Responsive Design: Designed to adapt to various screen sizes and devices.
Easy Integration: Simple to include in your Vue projects with minimal setup.

本页