Info Cards – present key information in elegant card layouts
Turn plain text into eye-catching info cards that make your content easier to scan, understand, and remember – no code required. Info Cards | Demos | Pricing Why Info Cards? Walls of text lose readers. Info Cards is a Gutenberg block that lets you present content as beautifully designed, informative cards – combining images, text, and links in layouts your audience can consume at a glance. Choose from built-in templates or create your own custom layout to fit your branding. Set columns, gaps, colors, and typography from the block sidebar – no code or additional software needed, even if you have limited technical knowledge. Every card layout is fully responsive, so your content looks great and functions perfectly across all devices and screen sizes. Whether you’re creating product cards, team member profiles, or informational sections, Info Cards helps your content stand out. Free Features Fully Customizable: Adjust every part of the card to match your site. Custom Colors: Use your brand’s colors throughout. Built-in Templates: Start from ready-made card designs. Layout Control: Set columns, column gap, and row gap. Image Support: Use an image in each card. Link Support: Make cards clickable with links. Typography: Control the text styling of your cards. Responsive Layout: Cards adapt to all devices and screen sizes. Easy to Use: Add and customize cards straight from the block editor. Pro Version Info Cards Pro unlocks more designs and deeper styling control: Universal Shortcodes: Compatible with all page builders. 12+ Ready-Made Themes: Professionally designed card styles. Advanced Templates & Layouts: More ways to arrange your cards. More Typography Controls: Font family, weight, and spacing. Hover & Animation Effects: Bring cards to life on interaction. Gradient & Advanced Color Options: Richer backgrounds and accents. Full Box Control: Border, padding, and margin settings. Card Shadows & Depth Effects: Add dimension to your layouts. 7+ New Built-in Blocks: Extra card blocks to build with. Priority Updates & Support. How to Use Install and activate the Info Cards plugin. Go to the page or post where you want to embed the cards. Click the + button in the Gutenberg editor and search for Info Cards. Select the Info Cards block. Create and customize your cards, then publish. Enjoy! Use Cases Product Highlights: Present features or products in scannable cards. Team Profiles: Introduce team members with photo, name, and link. Service Sections: Summarize what you offer in a clean grid. Informational Content: Break long content into digestible cards. Feedback Liked that plugin? Hate it? Want a new feature? Send me some feedback ⭐ Check out the Parent Plugin of this plugin- 🔥 bBlocks – Best gutenberg blocks collections for WordPress. ⭐ Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress. 🔥 3D Viewer – Display interactive 3D models on the webs.
SVG Block
This SVG block allows you to display SVG images as inline HTML markup. You can either choose an icon from the icon library with more than 3000 icons or you can upload or input your custom SVG images directly in the block’s setting. It also allows you to upload SVG images to the WordPress media library, and load them into the icon library. Only SVG files that have XML declaration at the top like can be uploaded to the WordPress media library. Key Features Accessibility ready with ‘img’ role, automatically generates title and description from settings. Automatically sanitize SVG markup to make it safe and lightweight. Include almost all settings to customize the SVG image. Include a collection of common non-rectangular dividers. An icon library included icons from “Bootstrap Icons”, “Ionicons”, “Dashicons” and new “WordPress Icons”. Allow uploading SVG images to the WordPress media library Automatically load SVG images from the media library into the icon library Video tutorials How to create an icon with custom styles using the icon library: How to create a non-rectangular background section: How to create icon buttons: Please take a look at these custom block patterns that use this block to see how it can be applied to real-world sites. If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help us spread the word. I would very much appreciate it. Please check out my other plugins if you’re interested: Content Blocks Builder – Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features. Meta Field Block – A single block to display custom fields in the Block Editor without coding. It supports ACF, MetaBox, WooCommerce, meta, rest field, shortcode and more. Works everywhere: in the Site Editor (FSE), the Block Editor, inside Query Loop, WooCommerce Product Collection, Term Query blocks, and even in template files. Icon separator – A tiny block just like the core/separator block but with the ability to add an icon. Breadcrumb Block – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce. Block Enhancements – Adds practical features to blocks like icons, box shadows, transforms, etc. Counting Number Block – A block to display numbers with a counting effect Better YouTube Embed Block – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists. The plugin is developed using @wordpress/create-block.
