OH MY SVG vs Blocks Kit – Gutenberg Blocks for Freelancers

Blocks Kit is a Gutenberg Blocks collection with unlimited possibilities to design a webpage. You can build professional, elegant websites using the new WordPress editor Gutenberg with very ease and without any code. It is a large variety of beautiful blocks that can develop and design your best web pages with some clicks. It is a bunch of additional Gutenberg blocks for Editors, Content Writers, and freelancers to provide all possible options. Live Demo | Documentation Where is Blocks Kit Plugin Useful? Below is one small list for which purposes you can use the Blocks Kit. Blocks for Editors Blocks for Content Writers Blocks for Freelancers Blocks for Designer Blocks for Developer Why Choose a Block Kit for your Gutenberg Project? We carefully researched over minimum requirements of any website development. And then created a list of options over the selected blocks that we are thinking of designing and provide it as free, and you can see the result here. We offered all possible opportunities with all Gutenberg Blocks. So, from beginner to freelance designer, developer, writer, and the content creator can create awesome stuff with the new Gutenberg editor. We have 10+ Gutenberg Blocks available as a start. Features of Blocks Kit Designed for Editors, Content Writers and Freelancers Highly Optimized and Performance Focused Extensive Attributes for Each Block Faster Designing Experience Seamless Interplay with the Core Gutenberg Blocks Cross-browser Compatibility No Coding Skill Needed Compatible with WordPress 7.1 List of Gutenberg Blocks Get 10+ flexible Gutenberg blocks that are feature-rich and look right out of the box, and provide a robust foundation for any website even without a single line of code. Pricing Table Block Info Box Block Button Block Call to Action Block Testimonial Block Author Box Block Advanced Heading Block Section Divider Block Sticky Notes Block Pull Quotes Block Our Team Technical Support We’re active for any support issues and feature suggestions. So, I hope you will love it. If you have any more questions, visit our support on the Plugin’s Forum. Feel free to contact us if you want any custom widgets for your site. Like Blocks Kit Plugin? Don’t forget to rate us on WordPress. Other Gutenberg Add-ons Timeline Blocks for Gutenberg Post Layouts for Gutenberg

Enhance your WordPress website with the power of SVG images using the OH MY SVG plugin. Easily add, manipulate, and optimize SVG images directly within the Gutenberg block editor. Unlike traditional image blocks, this plugin provides an intuitive interface that allows you to incorporate SVG icons, illustrations, or HTML snippets effortlessly. Experience the convenience of automatic markup sanitation, SVGO optimization, and a range of built-in utilities like color customization, stroke adjustments, and element stripping. 🌟 Smart Dual Storage Modes (New!) One of the biggest issues with using SVGs in WordPress is database bloat. If you paste a heavy SVG directly into the editor, its entire XML markup gets saved into every single post revision, quickly cluttering your database. OH MY SVG solves this by offering two distinct storage modes: Inline Mode (Best for tiny icons): The SVG markup is embedded directly within the page’s HTML. This drastically reduces page load time by eliminating server requests and conserving bandwidth. Ideal for small, lightweight vectors. Media Library Mode (Best for heavy illustrations): To prevent database bloat, this mode saves the SVG behind the scenes as a custom post meta attached to the WordPress Media Library. The plugin automatically generates a lightweight PNG proxy image so you can see it in your media grid. On the front end, it renders cleanly using a data URI, keeping your post content light, your database clean, and your page performance high. Unleash your creativity with endless possibilities—animate SVGs using CSS or JavaScript, modify inner colors, and scale infinitely without losing sharpness. Svg are awesome because: ✌️ Pixel Perfect: SVGs render sharply on any screen and resolution. 🗄️ Zero Database Bloat: Choose to link heavy SVGs to the Media Library, keeping your post content and revisions lightweight. 🎨 In-Editor Editing: Customize colors, add strokes, and remove fills to create variations directly in Gutenberg. ⚡ Performance Boost: Use inline SVGs to save dozens of HTTP requests and reduce server download bandwidth. 🛠️ Built-in Optimizer: Automatically compress and optimize markup using the integrated SVGO tool. 🎉 Developer Friendly: Easy to animate with CSS and JavaScript since they render as DOM elements or standard image tags. 🔒 Security First The OH MY SVG plugin prioritizes your website’s security. By default, WordPress blocks raw SVG file uploads due to severe XML/XSS vulnerabilities. This plugin keeps that protection intact. Instead of allowing dangerous direct .svg uploads, our plugin safely processes the SVG markup within the editor using a robust JavaScript purifier (DOMPurify). When saving to the Media Library, it creates a harmless PNG proxy file and securely stores the sanitized SVG string as an attachment metadata field. SVGs cannot be maliciously uploaded from the website “side” (e.g., frontend forms); only trusted users with editor permissions can include them. Inspirations, links Mario Heiderich – the-image-that-called-me Fortinet – Anatomy of Scalable Vector Graphics (Svg) Attack Surface on the Web Resources dompurify © 2015 Mario Heiderich, Apache License Version 2.0 svgo © 2021 Kir Belevich, MIT License Contribute We love your input! We want to make contributing to this project as easy and transparent as possible, whether it’s: Reporting a bug Discussing the current state, features, improvements Submitting a fix 💯 or a new feature 🎉 We use GitHub to host code, to track issues and feature requests, as well as accept pull requests. By contributing, you agree that your contributions will be licensed under its GPLv3 License.