An interactive web element that reveals additional content on hover or click. The Flip Card block includes toolbar controls to choose whether the back side appears on hover or on click.
When the opening mode is set to hover, you can also assign a link to the entire card.

Key Features

🥇 Feature-Rich.
🥈 Fully Open Source: Including the block source code. Fork and adjust as needed.
🥉 Developer friendly: Unopinionated starting CSS – styled through theme.
⏲️ Future-Proof Compatibility: Guaranteed compatibility with future WordPress versions by using recommended block coding practices.

Developer Notes

There is a full source code on github. You can investigate code, adjust it to your needs, collaborate, …
Development:
– Run npm install to install dependencies.
– To develop, either:
– remove webpack.config.json and run npm run start to start a development server without live reloading.
– leave webpack.config.json and set .env file with host, cert_location and key_location variables and run npm run start to start a development server with live reloading.
– To build for production, run npm run build.

MakeITeasy Flip Card

Key Features

Developer Notes