{"id":351773,"date":"2026-08-22T18:58:48","date_gmt":"2026-08-22T18:58:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/squircle\/"},"modified":"2026-08-22T18:58:38","modified_gmt":"2026-08-22T18:58:38","slug":"squircle","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/squircle\/","author":23545765,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1","requires":"5.8","requires_php":"8.0","requires_plugins":null,"header_name":"Squircle","header_author":"theadidev","header_description":"Add smooth squircle corners to Elementor elements directly from the editor.","assets_banners_color":"82a6b0","last_updated":"2026-08-22 18:58:38","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/squircle","header_author_uri":"https:\/\/www.theadidev.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":53,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"theadidev","date":"2026-08-22 18:58:38"}},"upgrade_notice":{"1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3661070,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3661070,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3664081,"resolution":"1544x500","location":"assets","locale":"","width":3088,"height":1000},"banner-1550x500.png":{"filename":"banner-1550x500.png","revision":3661070,"resolution":"1550x500","location":"assets","locale":"","width":1550,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3661070,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3661070,"resolution":"1","location":"assets","locale":"","width":2594,"height":1316}},"screenshots":{"1":"The Corner Shape control seamlessly integrated into Elementor's Border section."}},"plugin_section":[],"plugin_tags":[277011,54340,4072,76538,277010],"plugin_category":[],"plugin_contributors":[277012],"plugin_business_model":[],"class_list":["post-351773","plugin","type-plugin","status-publish","hentry","plugin_tags-border-radius","plugin_tags-corners","plugin_tags-design","plugin_tags-elementor","plugin_tags-squircle","plugin_contributors-theadidev","plugin_committers-theadidev"],"banners":{"banner":"https:\/\/ps.w.org\/squircle\/assets\/banner-772x250.png?rev=3661070","banner_2x":"https:\/\/ps.w.org\/squircle\/assets\/banner-1544x500.png?rev=3664081","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/squircle\/assets\/icon-128x128.png?rev=3661070","icon_2x":"https:\/\/ps.w.org\/squircle\/assets\/icon-256x256.png?rev=3661070","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/squircle\/assets\/screenshot-1.png?rev=3661070","caption":"The Corner Shape control seamlessly integrated into Elementor's Border section."}],"raw_content":"<!--section=description-->\n<p>Squircle is a lightweight extension for Elementor that adds CSS corner-shape support to your designs \u2014 including squircle, bevel, scoop, and notch shapes.<\/p>\n\n<p>Instead of writing custom CSS, Squircle seamlessly integrates with Elementor's existing Border controls. Simply select a corner shape, use Elementor's native Border Radius control, and immediately see the effect applied in both the editor and the frontend.<\/p>\n\n<p>Squircle leverages the modern CSS <code>corner-shape<\/code> property to create true superellipse corners, beveled edges, scooped curves, and notched cuts \u2014 ensuring optimal performance with zero frontend JavaScript dependencies.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li><strong>Multiple Corner Shapes:<\/strong> Choose from Squircle, Bevel, Scoop, and Notch \u2014 all native CSS, no SVG hacks.<\/li>\n<li><strong>Seamless Integration:<\/strong> Native-looking controls injected directly into Elementor's Style &gt; Border section.<\/li>\n<li><strong>Progressive Enhancement:<\/strong> Fully compatible with modern Chromium browsers (Chrome, Edge 139+). Gracefully falls back to standard border-radius in unsupported browsers.<\/li>\n<li><strong>Zero Bloat:<\/strong> No external CSS files, no JavaScript libraries, and no database tables. Everything is handled via Elementor's core architecture.<\/li>\n<li><strong>Responsive Design:<\/strong> Inherits Elementor's responsive border-radius settings automatically.<\/li>\n<li><strong>Universal Support:<\/strong> Works natively with Containers, Images, Buttons, and most third-party Elementor widgets that use standard border controls.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/squircle<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Ensure Elementor is installed and activated.<\/li>\n<li>Open any page in the Elementor Editor.<\/li>\n<li>Select an element (e.g., Container, Image, Button).<\/li>\n<li>Navigate to <strong>Style &gt; Border<\/strong>.<\/li>\n<li>Change the <strong>Corner Shape<\/strong> control from \"Default\" to your preferred shape (Squircle, Bevel, Scoop, or Notch).<\/li>\n<li>Adjust the standard <strong>Border Radius<\/strong> control to see the effect. There is no cap \u2014 use any value you need.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20require%20elementor%20pro%3F\"><h3>Does this require Elementor Pro?<\/h3><\/dt>\n<dd><p>No, Squircle works entirely with the free version of Elementor. It is also fully compatible with Elementor Pro if you have it installed.<\/p><\/dd>\n<dt id=\"does%20this%20work%20on%20all%20browsers%3F\"><h3>Does this work on all browsers?<\/h3><\/dt>\n<dd><p>Squircle uses the modern CSS property <code>corner-shape<\/code>. Currently, this is supported in Chromium-based browsers (such as Google Chrome and Microsoft Edge versions 139+).<\/p><\/dd>\n<dt id=\"what%20happens%20in%20unsupported%20browsers%20like%20safari%20or%20firefox%3F\"><h3>What happens in unsupported browsers like Safari or Firefox?<\/h3><\/dt>\n<dd><p>Squircle embraces progressive enhancement. In browsers that do not yet support <code>corner-shape<\/code>, the element will gracefully fall back to the standard <code>border-radius<\/code> defined by your Elementor settings. The layout remains fully usable and attractive in all scenarios.<\/p><\/dd>\n<dt id=\"will%20this%20slow%20down%20my%20site%3F\"><h3>Will this slow down my site?<\/h3><\/dt>\n<dd><p>Absolutely not. Squircle does not enqueue any external stylesheets, JavaScript libraries, or complex SVG masks. It simply injects a single native CSS property into Elementor's existing stylesheet generation pipeline.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial public release.<\/li>\n<li>Added Corner Shape control to Elementor elements.<\/li>\n<li>Added Clip Content control for overflow handling.<\/li>\n<\/ul>","raw_excerpt":"Add custom corner shapes (squircle, bevel, scoop, notch) to Elementor elements directly from the editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/351773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=351773"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/theadidev"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=351773"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=351773"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=351773"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=351773"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=351773"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=351773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}