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
  • Video Overview
  • How To Export Core Framework Projects
  • How To Import Core Framework Projects, Groups and Components
  • How To Remove All Groups and Classes From The Framework
  1. Navigating the UI

Manage project

The "Manage Project" view lets you quickly organize your framework, reorder, preview, export, import or remove every bit of the project from a single screen.

PreviousBreakpointsNextRemote Import

Last updated 3 months ago

Video Overview

Manage Project view was added in version 1.1.0

Manage project is a new view in Core Framework, that you can access from the main sidebar menu in Core Framework. This view lets you manage multiple tasks from the single view.

When you open the screen for the first time, you will see a list of groups from your project on the left half of the view.

Here you can drag and drop your groups, reorganize them easily, preview their CSS or remove them.

Every change you make is auto-applied in the builder, but you still have to Save Changes, in order to make those changes live on your website

How To Export Core Framework Projects

To export your framework, simply navigate to the "Manage Project" view on the left, and now you can click on the "Export" button in the top section. Alternatively, you can export from the "Preview CSS" view.

This will download a .core file which can then be used to import on other instances of Core Framework.

It doesn't matter if it's the web version or the WordPress plugin version! All .core files will work regardless! 🎉

How To Import Core Framework Projects, Groups and Components

On the right side of the "Manage Project" view, you can see two ways of import.

Follow the link below to learn more about Remote Import:

Once you use your preferred way of import, you will see a list of importable groups on the right half of the view.

Now you can either Import the whole framework, by clicking "Overwrite All" button, or you can choose individual groups and import them by clicking a button on their left side.

Don't forget to Save Changes after you're done with importing, to reflect your changes in front end.

How To Remove All Groups and Classes From The Framework

In the Manage Project view, you can now also empty out the default framework and start from scratch with your own utility classes. Use button "Remove All" to clear out all groups and colors from the project.

It will only keep our fluid calculators in their default settings.

You can either import .core file from your computer, or use a remote import of a public project from the standalone .

💻
web app
Remote Import
Manage your entire CoreFramework project from a single screen
Import / Export
Import / Export in Core Framework
Manage Project in Core Framework