Core Framework
HomeChangelogDashboard
  • 📖Introduction
    • 📝 Overview of Core Framework
    • 💁🏼‍♂️ Target Audience
    • 🔍 Navigation of the Documentation
  • 🚀Getting Started
    • Getting Started with Web App and WordPress
    • Initial Setup and Configuration
    • Video tutorial: First-time setup walkthrough
    • OxyNinja Users
  • 🧩Builder Integrations
    • Overview
    • Oxygen Builder
    • Bricks Builder
    • Gutenberg
  • Figma
    • Getting Started with Figma
    • Create and Manage Variables
    • Editing Elements
  • 💻Navigating the UI
    • Color System
    • Typography
    • Spacing
    • Components
    • Utility Classes & Vars
    • Breakpoints
    • Manage project
    • Remote Import
    • Preferences
  • 📒How to Use
    • Dark Mode
    • Grid System
    • Filters
  • 🎯Marketplace
    • Buying Products
    • Become an Author
    • Author Guidelines
  • 👕Official UI Kits
    • Blocks
    • CoreKit
    • Violet
    • WooCore
    • Style Guide
    • OxyNinja Icons
  • Official Templates
    • Agency
    • Real Estate
  • 🔨Troubleshooting
    • Common Problems
    • FAQ
  • 📖Changelog
    • Changelog
    • Feature Requests
  • Development
    • CoreFramework\Helper
Powered by GitBook
On this page
  1. Builder Integrations

Overview

At Core Framework, we offer integration addons for specific builders to make developing much more efficient. Click the cards below to learn more about the individual addons we offer.

PreviousOxyNinja UsersNextOxygen Builder

Last updated 6 months ago

The integration addons add extra features to the respective builders to make developing quicker. For example, the builders will import all colors, classes and variables directly from Core Framework so that they are constantly synchronized.

You will no longer need to type out the full class names or variable names, as the integration addons also allow not only for auto-suggestions, but also a unique variable UI.

Features

  • Variable UI - Select variables from the visual UI that can be accessed by right-clicking on the input.

  • Variable auto-suggestion - Custom variables are automatically suggested in custom auto-suggestion dropdowns. Sorted by relevance.

  • Sync classes with Oxygen Builder and Bricks Builder native auto-suggest fields.

  • Preview classes and variables by hovering over them.

  • Preview dark mode by toggling the switch.

🧩
Cover

Gutenberg

Learn how to set up the Gutenberg Integration addon.

Cover

Figma Addon

Learn how to get started using Core Framework within Figma, and sync between your WordPress site and Figma!

Cover

Bricks Builder

Learn how to set up the Bricks Builder Integration addon as well as configure styles.

Cover

Oxygen Builder

Learn how to set up the Oxygen Builder Integration addon as well as configure styles.