Ctrl + K
Pro Blocks
Sections
Flip Card
FreeSmooth 3d card flip
PreviewCode
Other Varaints
With props flipOnView = true
Installation
CLI
Manual
Run the following command
npx animatex-pro add flipcardProps
| Prop | Default | Description |
| subImages | None | Array of images behind the mainImage |
| mainImage | None | Main image displayed |
| subStyle | None | Enables you to style the subImages control width & height |
| mainStyle | None | Enables you to style the mainImage control width & height |
| flipDuration | 0.5 | Controls the rotation speed |
| iniSpread | 60 | Controls the initail spacing between subcards |
| finalSpread | 150 | Controls the final spacing between subcards |
| flipOnView | false | Determines if the card is view controlled or trigger by hover/tap. |
© 2026
Built with ❤ by Newton