=== Cards Layout === Contributors: bplugins, abuhayat, asadsuzan, btechnologies, freemius Donate link: https://www.buymeacoffee.com/abuhayat Tags: cards, layout, content, gallery, lightbox Requires at least: 6.5 Tested up to: 6.9 Stable tag: 2.0.0 Requires PHP: 7.1 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Build responsive, customizable card components with multiple premium layouts and dynamic styles in the Gutenberg editor. == Description == Cards Layout is a powerful and flexible WordPress Gutenberg block plugin designed to help you create stunning, professional-grade card components in seconds. Whether you need to highlight core features, showcase team profiles, display achievement metrics, or present your skill progress, Cards Layout provides a rich set of beautifully crafted, responsive components to elevate your website's design. = 🚀 Free Features = * **Default Card:** The perfect minimal card for general content, featuring image, title, description, and button controls. * **Hero Feature Card:** A prominent split-design card with advanced image focal point controls, overlay gradients, floating notification badges, and floating stat highlights. * **Achievement Card:** Highlight your biggest wins with a large central metric and a customizable spinning SVG badge animation. * **Responsive Grid Engine:** Native control over column counts (Desktop, Tablet, Mobile) and gap spacing to build perfect grids instantly. * **Advanced Global Styling:** Granular control over everything from typography (fonts, sizes, weights) to multi-state box shadows, borders, padding, and alignments. = 💎 Pro Features (Premium) = Unlock the full potential of Cards Layout with our Premium layouts designed for professional, SaaS-style websites: * **State / Counter Card:** Create dynamic statistic cards featuring up/down trend ribbons and customizable visual sparkline graphs. * **Progress Card:** Display skill levels or project progress with customizable gradient bars and individual metric tracking. * **Animated Service Card:** Stand out with glowing, animated border gradients and dynamic hover growth effects. * **Banner Card:** Build full-width promotional banners featuring stunning "Glassmorphism" blur effects and custom eyebrow taglines. * **Client Logo Card:** Professionally present brand partners with specialized minimal typographic cards and distinct hover color interactions. * **Creative Curve Card:** A highly stylized layout with a seamless CSS-curve cutout connecting your icon to your text content. * **Feature Card:** Premium, sleek layout for displaying software or service features. = How to Use = 1. Install and activate the **Cards Layout** plugin. 2. Open the Gutenberg editor. 3. Add **Cards Layout** from the block inserter. 4. Customize cards layout from the right-side settings panel. 5. Publish and enjoy 🎉 ***For installation help click on Installation Tab*** == Feedback & Support == Did you find a bug or have a feature request? 📧 [Send feedback](mailto:support@bplugins.com) Support forum: https://wordpress.org/support/plugin/cards-layout/ ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts. == Installation == ### From Gutenberg Editor: 1. Go to the WordPress Block/Gutenberg Editor 2. Search For **Cards Layout** 3. Click on the **Cards Layout** to add the block ### Download & Upload: 1. Download the **Cards Layout** plugin (*.zip file*) 2. In your admin area, go to the Plugins menu and click on **Add New** 3. Click on **Upload Plugin** and choose the **`cards-layout.zip`** file and click on **Install Now** 4. Activate the plugin and Enjoy! ### Manually: 1. Download and upload the **Cards Layout** plugin to the **`/wp-content/plugins/`** directory 2. Activate the plugin through the Plugins menu in WordPress == Frequently Asked Questions == = Does it work with any WordPress theme? = Yes, it will work with any standard WordPress theme. = Can I change block settings? = Yes, you can change block settings from the Gutenberg block editor's right sidebar. = How many times can I reuse a block? = You can use unlimited times as you want. = Where can I get support? = You can post your questions on the [support forum here](https://wordpress.org/support/plugin/plugin-slug/) == Screenshots == 1. Settings 2. Default Design 3. Hero Feature Card 4. Achievement Card 5. State / Counter Card 6. Progress Card 7. Animated Service Card 8. Banner Card 9. Feature Card 10. Client Logo Card 11. Creative Curve Card == Changelog == = 2.0.0 - 21 April, 2026 = * Major Release: Introducing Cards Layout Pro with Premium SaaS-style layouts! * New Free Layouts: Hero Feature Card, Achievement Card. * New Pro Layouts: State / Counter Card, Progress Card, Animated Service Card, Banner Card, Client Logo Card, Creative Curve Card, Feature Card. * Added Responsive Grid Engine for Desktop, Tablet, and Mobile column controls. * Added granular Icon Wrap Size controls for independent scaling. * Added dynamic Card Tags across multiple layouts. * Added customizable badge animation speed for Achievement Card. * Codebase optimization and bug fixes. = 1.1.4 - 29 July, 2025 = * focalPoint added good feature; = 1.1.3 - 27 July, 2025 = * Import content from image media; = 1.1.2 - 9 July, 2025 = * Image border radius and card content align option added = 1.1.1 - 6 July, 2025 = * Card URL and button URL now open in a new tab; = 1.1.0 - 4 July, 2025 = * Default layout available * Set card border, padding, and border radius * Customize card title, description, and button typography, color, padding, and border radius = 1.0.0 = * Initial Release == Upgrade Notice == = 2.0.0 - 21 April, 2026 = * Major Release: Introducing Cards Layout Pro with Premium SaaS-style layouts! * New Free Layouts: Hero Feature Card, Achievement Card. * New Pro Layouts: State / Counter Card, Progress Card, Animated Service Card, Banner Card, Client Logo Card, Creative Curve Card, Feature Card. * Added Responsive Grid Engine for Desktop, Tablet, and Mobile column controls. * Added granular Icon Wrap Size controls for independent scaling. * Added dynamic Card Tags across multiple layouts. * Added customizable badge animation speed for Achievement Card. * Codebase optimization and bug fixes. = 1.1.4 - 29 July, 2025 = * focalPoint added good feature; = 1.1.3 - 27 July, 2025 = * Import content from image media; = 1.1.2 - 9 July, 2025 = * Image border radius and card content align option added = 1.1.1 - 6 July, 2025 = * Card URL and button URL now open in a new tab; = 1.1.0 - 4 July, 2025 = * Default layout available * Set card border, padding, and border radius * Customize card title, description, and button typography, color, padding, and border radius = 1.0.0 = * Initial Release