{"id":69477,"date":"2023-12-03T00:57:31","date_gmt":"2023-12-03T00:57:31","guid":{"rendered":"https:\/\/breakdance.com\/?page_id=69477"},"modified":"2026-03-04T13:53:27","modified_gmt":"2026-03-04T13:53:27","slug":"code","status":"publish","type":"page","link":"https:\/\/breakdance.com\/features\/code\/","title":{"rendered":"Code"},"content":{"rendered":"<section class=\"bde-section-69477-101 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-69477-102 bde-columns\"><div class=\"bde-column-69477-103 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-69477-104 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-69477-106 bde-heading highlighter\">\nCraft With <em>Code<\/em>\n<\/h2><p class=\"bde-text-69477-107 bde-text\">\nHarness the power of PHP, CSS, HTML, and JavaScript \u2014 directly inside the Breakdance interface.\n<\/p><div class=\"bde-button-69477-108 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--primary bde-button__button\" href=\"\/get\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Get Breakdance<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-div-69477-109 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-image-69477-110 bde-image\">\n<figure class=\"breakdance-image breakdance-image--40618\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/06\/faces@2x-1.webp\" data-rel=\"lightbox-image-0\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/06\/faces@2x-1.webp\" width=\"256\" height=\"80\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" alt=\"faces\" loading=\"lazy\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div><p class=\"bde-text-69477-111 bde-text\">\n18,000+ creators use Breakdance to build incredible websites\n<\/p>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-69477-112 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-69477-113 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-video-69477-114 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/Writing-Code-2.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-69477-438 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-69477-439 bde-columns\"><div class=\"bde-column-69477-440 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-69477-441 bde-heading highlighter\">\n<em>Next-Level<\/em> Editing with CodeMirror 6\n<\/h2>\n<\/div><div class=\"bde-column-69477-442 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-69477-443 bde-text\">\nBuild with confidence using CodeMirror\u202f6 \u2014 enjoy a professional, IDE-like code editor seamlessly integrated with Breakdance.\n<\/div>\n<\/div><\/div><div class=\"bde-video-69477-444 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2025\/10\/breakdance-2-6-code-editor.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div><div class=\"bde-columns-69477-445 bde-columns\"><div class=\"bde-column-69477-446 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-69477-447 bde-heading highlighter\">\nElevate Your Coding Workflow.\n<\/h3><div class=\"bde-text-69477-448 bde-text\">\nTake advantage of powerful tools that make writing custom code faster, easier, and more enjoyable.\n<\/div><div class=\"bde-grid-69477-449 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-69477-450 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-451 bde-heading\">\nEmmet Support\n<\/h4><div class=\"bde-text-69477-452 bde-text\">\nType faster with Emmet abbreviations for rapid HTML and CSS coding.\n<\/div>\n<\/div><div class=\"bde-div-69477-453 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-454 bde-heading\">\nSmart Autocomplete\n<\/h4><div class=\"bde-text-69477-455 bde-text\">\nGet intelligent suggestions for CSS, HTML, Twig, selectors, and global color palettes as you type.\n<\/div>\n<\/div><div class=\"bde-div-69477-456 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-457 bde-heading\">\nColor Picker Previews\n<\/h4><div class=\"bde-text-69477-458 bde-text\">\nSee color swatches right next to your values for quick visual feedback.\n<\/div>\n<\/div><div class=\"bde-div-69477-459 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-460 bde-heading\">\nMulticursor Editing\n<\/h4><div class=\"bde-text-69477-461 bde-text\">\nEdit multiple places at once \u2014 perfect for quick, global changes.\n<\/div>\n<\/div><div class=\"bde-div-69477-462 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-463 bde-heading\">\nAuto-Close Brackets & Fold Gutters\n<\/h4><div class=\"bde-text-69477-464 bde-text\">\nKeep your code clean and organized with automatic bracket closure and easy code folding.\n<\/div>\n<\/div><div class=\"bde-div-69477-465 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-466 bde-heading\">\nBeautifiers & Linters\n<\/h4><div class=\"bde-text-69477-467 bde-text\">\nAutomatically format and clean up your code for a polished, professional result every time.\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-69477-115 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-69477-116 bde-columns\"><div class=\"bde-column-69477-117 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-69477-162 bde-heading highlighter\">\nUnleash the <em>power<\/em> of PHP for total control.\n<\/h2>\n<\/div><div class=\"bde-column-69477-119 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-69477-120 bde-text\">\nWith code, anything is possible\u00a0\u2014 and now you can get it done without leaving the Breakdance interface.\n<\/div>\n<\/div><\/div><div class=\"bde-video-69477-132 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/11\/PHP-Code.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div><div class=\"bde-columns-69477-192 bde-columns\"><div class=\"bde-column-69477-193 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-69477-194 bde-heading highlighter\">\nGo beyond the Code Block element.\n<\/h3><div class=\"bde-text-69477-197 bde-text\">\nPowerful developer APIs and integration of PHP into strategic places in Breakdance provide an unmatched environment for building complex web projects.\n<\/div><div class=\"bde-div-69477-226 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bd-grid-tile-69477-227 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"PHP WP_Query\" href=\"https:\/\/breakdance.com\/features\/dynamic-data\/\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >PHP WP_Query<\/h3>\n      <p class=\"bd-grid-tile__text\" >Compose WP_Query arguments with PHP, directly inside Breakdance.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >All About Post Loops<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div><div class=\"bd-grid-tile-69477-228 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Custom PHP Conditions\" href=\"https:\/\/breakdance.com\/features\/dynamic-data\/\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Custom PHP Conditions<\/h3>\n      <p class=\"bd-grid-tile__text\" >Show or hide elements based on anything. Create custom PHP conditions directly inside Breakdance.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Discover Conditional Logic<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div><div class=\"bd-grid-tile-69477-229 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Developer APIs\" href=\"https:\/\/breakdance.com\/documentation\/developers\/\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Developer APIs<\/h3>\n      <p class=\"bd-grid-tile__text\" >Hooks, filters, and robust developer APIs enable unparalleled customization and extendibility.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >API Documentation<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div><div class=\"bd-grid-tile-69477-230 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Element Studio\" href=\"https:\/\/breakdance.com\/features\/element-studio\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Element Studio<\/h3>\n      <p class=\"bd-grid-tile__text\" >Build custom elements with Element Studio, including elements that are rendered on the server-side with PHP.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Discover Element Studio<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-69477-163 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-69477-164 bde-columns\"><div class=\"bde-column-69477-165 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-69477-198 bde-heading highlighter\">\n<em>Impress<\/em> with CSS\n<\/h2>\n<\/div><div class=\"bde-column-69477-167 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-69477-168 bde-text\">\nFrom sitewide styling to fine-tuning individual elements, the comprehensive CSS toolkit in Breakdance simplifies complex customizations.\n<\/div>\n<\/div><\/div><div class=\"bde-video-69477-169 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/11\/Selectors-and-CSS-With-Zoom.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div><h3 class=\"bde-heading-69477-276 bde-heading\">\nTake Total Control of CSS, Selectors, and Classes\n<\/h3><div class=\"bde-text-69477-277 bde-text\">\nHarness the full potential of CSS with Breakdance's powerful features.\n<\/div><div class=\"bde-grid-69477-275 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-69477-261 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-263 bde-heading\">\nSitewide CSS\n<\/h4><div class=\"bde-text-69477-264 bde-text\">\nEffortlessly manage multiple stylesheets directly in the Breakdance global settings.\n<\/div>\n<\/div><div class=\"bde-div-69477-266 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-268 bde-heading\">\nConditional CSS\n<\/h4><div class=\"bde-text-69477-269 bde-text\">\nDrop in a Code Block and apply CSS to an individual page, template, or conditionally based on dynamic data.\n<\/div>\n<\/div><div class=\"bde-div-69477-271 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-273 bde-heading\">\nPer Element CSS\n<\/h4><div class=\"bde-text-69477-274 bde-text\">\nEasily assign specific CSS rules to individual elements within your design for granular control.\n<\/div>\n<\/div><div class=\"bde-div-69477-278 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-279 bde-heading\">\nPer Page CSS\n<\/h4><div class=\"bde-text-69477-280 bde-text\">\nWrite CSS that applies to all elements on a particular page.\n<\/div>\n<\/div><div class=\"bde-div-69477-286 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-287 bde-heading\">\nCustom Selectors\n<\/h4><div class=\"bde-text-69477-288 bde-text\">\nVisually manage custom selectors. Set properties visually, or write custom CSS for total control.\n<\/div>\n<\/div><div class=\"bde-div-69477-281 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-282 bde-heading\">\nCSS Class Management\n<\/h4><div class=\"bde-text-69477-283 bde-text\">\nApply classes to elements to link styles in a custom selector to all of the elements with the class.\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-69477-204 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-69477-205 bde-columns\"><div class=\"bde-column-69477-206 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-69477-207 bde-heading highlighter\">\nGet <em>fancy<\/em> with JavaScript\n<\/h2>\n<\/div><div class=\"bde-column-69477-208 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-69477-209 bde-text\">\nMake your web projects come alive with Breakdance \u2014 transform static pages into interactive experiences with\u00a0JavaScript.\n<\/div>\n<\/div><\/div><div class=\"bde-image-69477-348 bde-image\">\n<figure class=\"breakdance-image breakdance-image--70264\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/pika-1701561412439-2x-2048x1338.jpg\" data-rel=\"lightbox-image-1\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/pika-1701561412439-2x-2048x1338.jpg\" width=\"2048\" height=\"1338\" srcset=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/pika-1701561412439-2x-2048x1338.jpg 2048w, https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/pika-1701561412439-2x-300x196.jpg 300w, https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/pika-1701561412439-2x-1024x669.jpg 1024w, https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/pika-1701561412439-2x-768x502.jpg 768w, https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/pika-1701561412439-2x-1536x1004.jpg 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-grid-69477-351 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-69477-352 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-353 bde-heading\">\nSitewide JavaScript\n<\/h4><div class=\"bde-text-69477-354 bde-text\">\nWrite JavaScript directly in Breakdance. Manage your scripts directly in the Breakdance global settings.\n<\/div>\n<\/div><div class=\"bde-div-69477-355 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-356 bde-heading\">\nConditional JavaScript\n<\/h4><div class=\"bde-text-69477-357 bde-text\">\nDrop in a Code Block and apply JavaScript to an individual page, template, or conditionally based on dynamic data.\n<\/div>\n<\/div><div class=\"bde-div-69477-364 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-69477-365 bde-heading\">\nJavaScript APIs\n<\/h4><div class=\"bde-text-69477-366 bde-text\">\nInteract with Breakdance's sliders, galleries, popups, and other dynamic elements using JavaScript.\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-69477-422 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-69477-423 bde-columns\"><div class=\"bde-column-69477-424 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-69477-425 bde-heading highlighter\">\nCode faster with <em>WPCodeBox<\/em>\n<\/h2><div class=\"bde-text-69477-426 bde-text\">\nBreakdance integrates with WPCodeBox so you can convert any PHP\/HTML code written in Breakdance into a code snippet.\n<\/div>\n<\/div><div class=\"bde-column-69477-427 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-small-quote-69477-436 bde-small-quote\">\n<div class=\"bde-small-quote__quote\">\n  <svg class=\"bde-small-quote__stars\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 137 25\">\n      <path fill=\"#FACC15\" stroke=\"#FACC15\" stroke-width=\"2\" d=\"M11.549 3.65c.3-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .95.69h4.915c.97 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.756 1.687-1.54 1.118l-3.975-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.783.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691L11.55 3.65ZM39.549 3.65c.3-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .95.69h4.915c.97 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.756 1.687-1.54 1.118l-3.975-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.783.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691L39.55 3.65ZM67.549 3.65c.3-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .95.69h4.915c.97 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.755 1.687-1.54 1.118l-3.975-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.783.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691L67.55 3.65ZM95.549 3.65c.3-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .95.69h4.915c.969 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.756 1.687-1.539 1.118l-3.976-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.784.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691L95.55 3.65ZM123.549 3.65c.299-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .951.69h4.914c.969 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.756 1.687-1.539 1.118l-3.976-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.783.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691l1.519-4.674Z\"\/>\n  <\/svg>\n  <blockquote class=\"bde-small-quote__text\" >\u201cBreakdance is simple to learn but surprisingly powerful for developers.\u201d<\/blockquote>\n\n    <div class=\"bde-small-quote__meta\">\n      <div class=\"bde-small-quote__meta-info\">\n          \n        <div class=\"bde-small-quote__author\">\n          <h5 >Ovidiu Maghetiu<\/h5>\n          <p>Founder @ WPCodeBox<br><\/p>\n        <\/div>\n\n      <\/div>\n\n                                \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link\" href=\"https:\/\/wpcodebox.com\/\" target=\"_self\" data-type=\"url\" rel=\"noopener\">\n\n                <div class=\"bde-small-quote__logo\">\n            <a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2025\/03\/logo-navy-horizontal.svg\" data-rel=\"lightbox-image-2\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2025\/03\/logo-navy-horizontal.svg\" width=\"800\" height=\"165\" sizes=\"(max-width: 800px) 100vw, 800px\"><\/a>\n        <\/div>\n                      <\/a>\n\n               \n      \n      \n    \n      \n       \n\n    <\/div>\n<\/div>\n\n\n<\/div>\n<\/div><\/div><a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2025\/03\/wpcodebox-send-to-codebox.gif\" data-rel=\"lightbox-image-3\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"bde-image2-69477-435 bde-image2\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2025\/03\/wpcodebox-send-to-codebox.gif\" loading=\"lazy\" sizes=\"(max-width: 1832px) 100vw, 1832px\"><\/a><div class=\"bde-div-69477-428 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bd-grid-tile-69477-432 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Sitewide Stylesheets\" href=\"https:\/\/wpcodebox.com\" target=\"_blank\" rel=\"noopener\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Sitewide Stylesheets<\/h3>\n      <p class=\"bd-grid-tile__text\" >WPCodeBox allows you to add custom CSS to any site. You can create as many stylesheets as you wish, and even set conditions to determine which pages they load on<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Get WPCodeBox<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div><div class=\"bd-grid-tile-69477-431 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Cloud Snippets\" href=\"https:\/\/docs.wpcodebox.com\/cloud_storage\" target=\"_blank\" rel=\"noopener\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Cloud Snippets<\/h3>\n      <p class=\"bd-grid-tile__text\" >Save snippets to your WPCodeBox cloud account and share them across all of your Breakdance sites! Plus, search the growing library of ready-made snippets and add them to your site in a click.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Learn More<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div><div class=\"bd-grid-tile-69477-430 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Send to CodeBox\" href=\"\/documentation\/integrations\/wpcodebox\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Send to CodeBox<\/h3>\n      <p class=\"bd-grid-tile__text\" >With the Breakdance integration for WPCodeBox, you'll see an option to transfer any PHP code within Breakdance to a WPCodeBox Snippet with the click of a button.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Documentation<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div><div class=\"bd-grid-tile-69477-429 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Breakdance User Discount\" href=\"\/portal\/partner-discounts\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Breakdance User Discount<\/h3>\n      <p class=\"bd-grid-tile__text\" >When you buy Breakdance, you'll get access to our partner portal where you can get 20% off your WPCodeBox license.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Get the Discount<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-69477-201 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-globalblock-69477-202 bde-globalblock\">\n<div class=\"bde-div-40183-100-40183-1 bde-div bde-div-40183-100\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-40183-101-40183-1 bde-heading bde-heading-40183-101\">\nExperience the Breakdance difference.\n<\/h2><div class=\"bde-button-40183-102-40183-1 bde-button bde-button-40183-102\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--primary bde-button__button\" href=\"\/get\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Get Breakdance<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-columns-40183-103-40183-1 bde-columns bde-columns-40183-103\"><div class=\"bde-column-40183-104-40183-1 bde-column bde-column-40183-104\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-105-40183-1 bde-heading bde-heading-40183-105\">\nUnlimited license.<br>Unlimited websites.\n<\/h3><p class=\"bde-text-40183-106-40183-1 bde-text bde-text-40183-106\">\nGet maximum flexibility with unlimited licensing and domain activations.\n<\/p>\n<\/div><div class=\"bde-column-40183-107-40183-1 bde-column bde-column-40183-107\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-108-40183-1 bde-heading bde-heading-40183-108\">\n60-day money back guarantee.<br>No questions asked.\n<\/h3><p class=\"bde-text-40183-109-40183-1 bde-text bde-text-40183-109\">\nGet your money back within 60 days of purchase, no questions asked. It's risk-free!\n<\/p>\n<\/div><div class=\"bde-column-40183-110-40183-1 bde-column bde-column-40183-110\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-111-40183-1 bde-heading bde-heading-40183-111\">\nPremium support.<br>Get all the help you need.\n<\/h3><p class=\"bde-text-40183-112-40183-1 bde-text bde-text-40183-112\">\nWe offer premium support to ensure the ultimate customer experience.\n<\/p>\n<\/div><div class=\"bde-column-40183-113-40183-1 bde-column bde-column-40183-113\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-114-40183-1 bde-heading bde-heading-40183-114\">\nJust $199.99\/year for<br>unlimited sites.\n<\/h3><p class=\"bde-text-40183-115-40183-1 bde-text bde-text-40183-115\">\nFor a limited time, we're offering an unlimited site license for just $199.99\/year. Buy now to lock in this price.\n<\/p>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Craft With Code Harness the power of PHP, CSS, HTML, and JavaScript \u2014 directly inside the Breakdance interface. Get Breakdance 18,000+ creators use Breakdance to build incredible websites Next-Level Editing with CodeMirror 6 Build with confidence using CodeMirror\u202f6 \u2014 enjoy a professional, IDE-like code editor seamlessly integrated with Breakdance. Elevate Your Coding Workflow. Take advantage [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":224,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_searchwp_excluded":"","_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-69477","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/69477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/comments?post=69477"}],"version-history":[{"count":5,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/69477\/revisions"}],"predecessor-version":[{"id":252557,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/69477\/revisions\/252557"}],"up":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/224"}],"wp:attachment":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/media?parent=69477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}