Tap into Divi’s module API to build your own elements. Add custom CSS to any element and custom code to any page. Divi’s front-end builder doesn’t prevent advanced development, in fact, it’s quite the opposite!
Join TodayDivi might be a “no-code” builder, but that doesn’t mean you are barred from coding inside the builder. In fact, every Divi element comes with custom CSS fields and custom code can be added to any page.
Divi’s visual builder automatically surfaces every HTML element on the page and lets you add custom CSS to each. You don’t need to inspect elements or dig through Divi’s CSS file to figure out which classes to target. Just type your custom CSS into the builder and it will get applied to the element you are currently editing.
You can also add custom HTML and JavaScript to any page using Divi’s code module. Divi’s visual builder comes with a built in code editor and syntax highlighter, so it’s easy to write code while working on a website.
Divi AI can write code and generate custom CSS in the Visual Builder. Since it's trained on the Divi Module codebase, it can generate intuitive results and better interpret your prompts.
Divi’s visual builder opens up a lot of opportunities for developers. Using Divi’s module API, you can build your own elements with their own unique functionalities and options. Your clients and designers can then use these elements within the builder to create new types of websites.
Using Divi’s module API, you can create your own Divi elements that can be used inside the builder. You have the freedom to create anything. Develop new elements with unique functionalities, custom structures and your own set of design settings. If you or your client needs something new, you can build it!
Each time you make a new Divi module, you get to add that module to your toolkit. The next time you build a website that needs similar functionality, your designers and clients get to enjoy the fruits of your labor. These custom elements will continue to pay dividends as they speed up your designer’s workflow and make building each new website faster.
Learn MoreYou can save all of your favorite code snippets to Divi Cloud for easy access inside the Divi code editors. Whenever you start a new website, all of your favorite code-based customization will be waiting for you and can be quickly applied to your website.
Once you have created a custom Divi module, why not make that module available to the Divi community? You can become a creator on the Divi Marketplace and sell your custom modules to generate a new source of recurring revenue.
Become a CreatorUnlike our closed-source competitors like Wix and Squarespace, Divi is an open source project built within the amazing open source WordPress ecosystem. As a developer, you want control over your content and the freedom to develop your own solutions.
Developers can tap into Divi’s hooks and filters to inject code and alter functionality. This is one of the great benefits of using an open source product.
Learn About Hooks & FiltersOne of the biggest benefits of using Divi is that it’s part of the open source WordPress ecosystem. Together, the Divi and WordPress communities are amazing resources for the developers that choose to build with them.
Explore Divi Integrations