{"id":3813,"date":"2026-09-20T20:19:49","date_gmt":"2026-09-20T20:19:49","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/animated-blob\/"},"modified":"2026-09-21T17:37:33","modified_gmt":"2026-09-21T17:37:33","slug":"animated-blob","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/animated-blob\/","title":{"rendered":"Animated Blob"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3813\" class=\"elementor elementor-3813\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e955e02 e-flex e-con-boxed e-con e-parent\" data-id=\"e955e02\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b3789e0 e-flex e-con-full e-con e-child\" data-id=\"b3789e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-762ebdd elementor-widget elementor-widget-html\" data-id=\"762ebdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"top\"><a href=\"https:\/\/marketplace.emcptools.com\/widgets\/\">&larr; All widgets<\/a><span>Widget 193 &middot; <code>emcp_custom_193<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Animated Blob<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">3 layouts<\/span><span class=\"chip\">17 content options<\/span><span class=\"chip\">15 style options<\/span><span class=\"chip\">2 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: blob, shape, morph, svg, organic, image mask.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20bf11f e-flex e-con-full e-con e-child\" data-id=\"20bf11f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0dcc02 elementor-widget elementor-widget-html\" data-id=\"e0dcc02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Setup guide<\/h2><ol><li>Open a page in Elementor, search the panel for <b>Animated Blob<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Blob<\/b>: Fill, Image, Color, Points, Randomness, Morph Animation, Morph Cycle (seconds), Slow Rotation and 9 more.<\/li><li>Pick a <b>Fill<\/b>: Solid color, Image (masked), Outline only. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Size &amp; Style. Colours, typography and spacing set here are scoped to this widget instance.<\/li><li>Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.<\/li><\/ol><div class=\"note\">Conditional options: <code>Image<\/code> appears when <code>Fill<\/code> is image; <code>Second Blob Color<\/code> appears when <code>Second Blob Behind (offset)<\/code> is yes.<\/div><div class=\"note\">Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0e43e1 e-flex e-con-full e-con e-child\" data-id=\"a0e43e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bca4348 elementor-widget elementor-widget-html\" data-id=\"bca4348\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Solid color<\/h3><\/div><p class=\"demo-cap\">Fill = <code>color<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-724d35e elementor-widget elementor-widget-emcp_custom_193\" data-id=\"724d35e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_193.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-bl emcp-bl--color emcp-bl--fit-cover is-morphing\" data-points=\"7\" data-rand=\"0.35\" data-speed=\"8\" data-seed=\"1\" data-image=\"\"><div class=\"emcp-bl__wrap\"><svg class=\"emcp-bl__svg emcp-bl__svg--2\" viewBox=\"0 0 200 200\" aria-hidden=\"true\"><path class=\"emcp-bl__path\" d=\"\"\/><\/svg><svg class=\"emcp-bl__svg emcp-bl__svg--1\" viewBox=\"0 0 200 200\" aria-hidden=\"true\"><defs><clipPath class=\"emcp-bl__clip\"><path class=\"emcp-bl__path\" d=\"\"\/><\/clipPath><\/defs><path class=\"emcp-bl__path emcp-bl__shape\" d=\"\"\/><image class=\"emcp-bl__img\" width=\"200\" height=\"200\" href=\"\"\/><\/svg><div class=\"emcp-bl__content\"><span class=\"emcp-bl__icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-leaf\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z\"><\/path><\/svg><\/span><span class=\"emcp-bl__title\">Organic<\/span><span class=\"emcp-bl__text\">Blob with content inside<\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3dd72e8 e-flex e-con-full e-con e-child\" data-id=\"3dd72e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac0d1fc elementor-widget elementor-widget-html\" data-id=\"ac0d1fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Image (masked)<\/h3><\/div><p class=\"demo-cap\">Fill = <code>image<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f754663 elementor-widget elementor-widget-emcp_custom_193\" data-id=\"f754663\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_193.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-bl emcp-bl--image emcp-bl--fit-cover is-morphing is-rotating has-second\" data-points=\"6\" data-rand=\"0.35\" data-speed=\"8\" data-seed=\"1\" data-image=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1518235506717-e1ed3306a89b.jpg\"><div class=\"emcp-bl__wrap\"><svg class=\"emcp-bl__svg emcp-bl__svg--2\" viewBox=\"0 0 200 200\" aria-hidden=\"true\"><path class=\"emcp-bl__path\" d=\"\"\/><\/svg><svg class=\"emcp-bl__svg emcp-bl__svg--1\" viewBox=\"0 0 200 200\" aria-hidden=\"true\"><defs><clipPath class=\"emcp-bl__clip\"><path class=\"emcp-bl__path\" d=\"\"\/><\/clipPath><\/defs><path class=\"emcp-bl__path emcp-bl__shape\" d=\"\"\/><image class=\"emcp-bl__img\" width=\"200\" height=\"200\" href=\"\"\/><\/svg><div class=\"emcp-bl__content\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef43cb3 e-flex e-con-full e-con e-child\" data-id=\"ef43cb3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b107e8e elementor-widget elementor-widget-html\" data-id=\"b107e8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Outline only<\/h3><\/div><p class=\"demo-cap\">Fill = <code>outline<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-985b9bc elementor-widget elementor-widget-emcp_custom_193\" data-id=\"985b9bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_193.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-bl emcp-bl--outline emcp-bl--fit-cover is-morphing\" data-points=\"7\" data-rand=\"0.35\" data-speed=\"8\" data-seed=\"1\" data-image=\"\"><div class=\"emcp-bl__wrap\"><svg class=\"emcp-bl__svg emcp-bl__svg--2\" viewBox=\"0 0 200 200\" aria-hidden=\"true\"><path class=\"emcp-bl__path\" d=\"\"\/><\/svg><svg class=\"emcp-bl__svg emcp-bl__svg--1\" viewBox=\"0 0 200 200\" aria-hidden=\"true\"><defs><clipPath class=\"emcp-bl__clip\"><path class=\"emcp-bl__path\" d=\"\"\/><\/clipPath><\/defs><path class=\"emcp-bl__path emcp-bl__shape\" d=\"\"\/><image class=\"emcp-bl__img\" width=\"200\" height=\"200\" href=\"\"\/><\/svg><div class=\"emcp-bl__content\"><span class=\"emcp-bl__icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-leaf\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z\"><\/path><\/svg><\/span><span class=\"emcp-bl__title\">Organic<\/span><span class=\"emcp-bl__text\">Blob with content inside<\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20c62aa e-flex e-con-full e-con e-child\" data-id=\"20c62aa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fc8c1f elementor-widget elementor-widget-html\" data-id=\"2fc8c1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Options reference<\/h2><p>Every control the widget exposes, grouped by panel section. Names in <code>code<\/code> are the setting keys used by the MCP tools (<code>add-free-widget<\/code>, <code>update-widget<\/code>).<\/p><h3 style=\"margin-top:8px\">Content tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Blob<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Fill<\/b><br><code>fill<\/code><\/td><td>Dropdown<\/td><td>Solid color, Image (masked), Outline only<\/td><td>color<\/td><td><\/td><\/tr><tr><td><b>Image<\/b><br><code>image<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td>Shown when fill = image<\/td><\/tr><tr><td><b>Color<\/b><br><code>color<\/code><\/td><td>Color<\/td><td><\/td><td>#f4ebff<\/td><td><\/td><\/tr><tr><td><b>Points<\/b><br><code>points<\/code><\/td><td>Number<\/td><td>min 3, max 12<\/td><td>6<\/td><td><\/td><\/tr><tr><td><b>Randomness<\/b><br><code>randomness<\/code><\/td><td>Slider<\/td><td>min 0.05, max 0.8, px<\/td><td>0.35<\/td><td><\/td><\/tr><tr><td><b>Morph Animation<\/b><br><code>morph<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Morph Cycle (seconds)<\/b><br><code>speed<\/code><\/td><td>Number<\/td><td>min 2, max 40<\/td><td>8<\/td><td><\/td><\/tr><tr><td><b>Slow Rotation<\/b><br><code>rotate<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Rotation (seconds per turn)<\/b><br><code>rotate_speed<\/code><\/td><td>Number<\/td><td>min 5, max 200<\/td><td>40<\/td><td><\/td><\/tr><tr><td><b>Morph Faster on Hover<\/b><br><code>hover_morph<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Shape Seed (change for a different blob)<\/b><br><code>seed<\/code><\/td><td>Number<\/td><td>min 1, max 9999<\/td><td>1<\/td><td><\/td><\/tr><tr><td><b>Icon<\/b><br><code>icon<\/code><\/td><td>Icon<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Title<\/b><br><code>title<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text<\/b><br><code>text<\/code><\/td><td>Textarea<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Link<\/b><br><code>link<\/code><\/td><td>Link<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Second Blob Behind (offset)<\/b><br><code>second<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Second Blob Color<\/b><br><code>second_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td>Shown when second = yes<\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Size &amp; Style<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Size<\/b><br><code>size<\/code><\/td><td>Slider<\/td><td>min 60, max 1200, px\/%\/vw<\/td><td>320<\/td><td>Responsive<\/td><\/tr><tr><td><b>Alignment<\/b><br><code>align<\/code><\/td><td>Button group<\/td><td>Left, Center, Right<\/td><td>center<\/td><td><\/td><\/tr><tr><td><b>Outline Width<\/b><br><code>stroke_w<\/code><\/td><td>Slider<\/td><td>min 1, max 20, px<\/td><td>3<\/td><td><\/td><\/tr><tr><td><b>Opacity<\/b><br><code>opacity<\/code><\/td><td>Slider<\/td><td>min 0.05, max 1, px<\/td><td>1<\/td><td><\/td><\/tr><tr><td><b>Drop Shadow (on the wrapper)<\/b><br><code>shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Image Fit<\/b><br><code>img_fit<\/code><\/td><td>Dropdown<\/td><td>Cover (xMidYMid slice), Contain<\/td><td>cover<\/td><td><\/td><\/tr><tr><td><b>Second Blob Offset<\/b><br><code>second_offset<\/code><\/td><td>Slider<\/td><td>min 0, max 80, px<\/td><td>14<\/td><td><\/td><\/tr><tr><td><b>Second Blob Scale<\/b><br><code>second_scale<\/code><\/td><td>Slider<\/td><td>min 0.6, max 1.4, px<\/td><td>1.02<\/td><td><\/td><\/tr><tr><td><b>Icon Size<\/b><br><code>icon_size<\/code><\/td><td>Slider<\/td><td>min 12, max 160, px<\/td><td>40<\/td><td><\/td><\/tr><tr><td><b>Icon Color<\/b><br><code>icon_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Title Typography<\/b><br><code>title_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Title Color<\/b><br><code>title_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Text Typography<\/b><br><code>text_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Color<\/b><br><code>text_color<\/code><\/td><td>Color<\/td><td><\/td><td>#475467<\/td><td><\/td><\/tr><tr><td><b>Content Inset<\/b><br><code>content_pad<\/code><\/td><td>Slider<\/td><td>min 0, max 40, %<\/td><td>18<\/td><td><\/td><\/tr><\/tbody><\/table><h3>Add it with the MCP tools<\/h3><p>Any connected agent can place this widget: call <code>add-free-widget<\/code> with <code>widget_type: \"emcp_custom_193\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>193<\/code> for the full JSON spec.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&larr; All widgetsWidget 193 &middot; emcp_custom_193 Animated Blob Elementor widget3 layouts17 content options15 style options2 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: blob, shape, morph, svg, organic, image mask. Setup guide Open a page in Elementor, search the panel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3813","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/3813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/comments?post=3813"}],"version-history":[{"count":19,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/3813\/revisions"}],"predecessor-version":[{"id":6335,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/3813\/revisions\/6335"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=3813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}