{"version":1,"pages":[{"id":"LMP6k2Oil33zECUfHwh9","title":"📝 Overview of Core Framework","pathname":"/","siteSpaceId":"sitesp_qbPql","description":"Core Framework is a free, versatile and user-friendly tool designed for visual management of CSS development, whether you make websites from scratch, or use any platform, it is a good fit for all.","breadcrumbs":[{"label":"Introduction","emoji":"1f4d6"}]},{"id":"eJDaxoOZmWhrsj528z6J","title":"💁🏼‍♂️ Target Audience","pathname":"/introduction/target-audience","siteSpaceId":"sitesp_qbPql","description":"Core Framework is designed for a diverse range of users in the web development industries. People of all skill levels can and should use Core Framework!","breadcrumbs":[{"label":"Introduction","emoji":"1f4d6"}]},{"id":"HH0kvO9hy0F11NypTykq","title":"🔍 Navigation of the Documentation","pathname":"/introduction/navigation-of-the-documentation","siteSpaceId":"sitesp_qbPql","description":"We are constantly trying to improve our documentation and our aim is to make it easy to follow, we hope that you have no issues with the navigation.","breadcrumbs":[{"label":"Introduction","emoji":"1f4d6"}]},{"id":"mIBrNZDLCrSpROpK2aJ2","title":"Getting Started with Web App and WordPress","pathname":"/getting-started/getting-started-with-web-app-and-wordpress","siteSpaceId":"sitesp_qbPql","description":"Using Core Framework is extremely easy for both the web app version and the WordPress plugin. Please follow the simple steps below to get started right away.","breadcrumbs":[{"label":"Getting Started","emoji":"1f680"}]},{"id":"qwYlvlIaei8LYYsH2Veq","title":"Initial Setup and Configuration","pathname":"/getting-started/initial-setup-and-configuration","siteSpaceId":"sitesp_qbPql","breadcrumbs":[{"label":"Getting Started","emoji":"1f680"}]},{"id":"gBkvEijvS70M16QUFEDT","title":"Video tutorial: First-time setup walkthrough","pathname":"/getting-started/video-tutorial-first-time-setup-walkthrough","siteSpaceId":"sitesp_qbPql","description":"","breadcrumbs":[{"label":"Getting Started","emoji":"1f680"}]},{"id":"duLma1DdC5HTlijp1ofK","title":"OxyNinja Users","pathname":"/getting-started/oxyninja-users","siteSpaceId":"sitesp_qbPql","description":"This page contains some important information for our OxyNinja users. Please read it carefully, so that you can benefit from being an original customer, but also not to make a mistake of migrating.","breadcrumbs":[{"label":"Getting Started","emoji":"1f680"}]},{"id":"FNWhDN6rcnG7YHAI0fd1","title":"Overview","pathname":"/builder-integrations/overview","siteSpaceId":"sitesp_qbPql","description":"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.","breadcrumbs":[{"label":"Builder Integrations","emoji":"1f9e9"}]},{"id":"23EehgjKKiKs7gLd2fdK","title":"Oxygen Builder","pathname":"/builder-integrations/oxygen-builder","siteSpaceId":"sitesp_qbPql","description":"This page will help you get started with Core Framework's Addon for Oxygen Builder, as well as the setup required for Oxygen Builder's Global Options.","breadcrumbs":[{"label":"Builder Integrations","emoji":"1f9e9"}]},{"id":"Vw6OCNIabSFcbashX34i","title":"Bricks Builder","pathname":"/builder-integrations/bricks-builder","siteSpaceId":"sitesp_qbPql","description":"Utilizing Core Framework alongside Bricks Builder? This guide delves into the specifics of the Bricks Builder Integration addon, as well as how to setup your Bricks' Theme styles.","breadcrumbs":[{"label":"Builder Integrations","emoji":"1f9e9"}]},{"id":"jcbz8pDIuLEErWDxQ1vJ","title":"Gutenberg","pathname":"/builder-integrations/gutenberg","siteSpaceId":"sitesp_qbPql","description":"Utilizing Core Framework alongside Gutenberg? This guide delves into the specifics of the Gutenberg Integration addon, a tool designed to augment your WordPress development experience.","breadcrumbs":[{"label":"Builder Integrations","emoji":"1f9e9"}]},{"id":"i1cYTWgOX1f9UoM8ToDZ","title":"Getting Started with Figma","pathname":"/figma/getting-started-with-figma","siteSpaceId":"sitesp_qbPql","description":"Core Framework now offers seamless integration with Figma, allowing you to efficiently synchronize projects across both the Core Framework web app or WordPress plugin and the Figma plugin!","breadcrumbs":[{"label":"Figma","icon":"figma"}]},{"id":"N88vDO7EaMH3P4ftbbdg","title":"Create and Manage Variables","pathname":"/figma/create-and-manage-variables","siteSpaceId":"sitesp_qbPql","description":"Learn how to create and manage design variables within Core Framework, and seamlessly sync them to Figma for consistent and dynamic design control across your projects.","breadcrumbs":[{"label":"Figma","icon":"figma"}]},{"id":"68zULRCdwct4wYpgRAVN","title":"Editing Elements","pathname":"/figma/editing-elements","siteSpaceId":"sitesp_qbPql","description":"Editing elements in Figma with Core Framework is straightforward and highly efficient! By utilizing the variables from Core Framework, you can ensure consistent styling across your entire project.","breadcrumbs":[{"label":"Figma","icon":"figma"}]},{"id":"lqLTCWPNqhZ5nHMe8kmv","title":"Color System","pathname":"/navigating-the-ui/color-system","siteSpaceId":"sitesp_qbPql","description":"Step into the new era of UI color management. Add unlimited colors, organize them into groups, and generate lighter, darker and transparent color variants effortlessly.","breadcrumbs":[{"label":"Navigating the UI","emoji":"1f4bb"}]},{"id":"MLnLScu018Y3WP1HGCmj","title":"Typography","pathname":"/navigating-the-ui/typography","siteSpaceId":"sitesp_qbPql","description":"Leverage our built-in calculators for efficient typography scaling, all automatically responsive! See the changes to your typography sizing on the fly.","breadcrumbs":[{"label":"Navigating the UI","emoji":"1f4bb"}]},{"id":"PdvOh9lCeYSXgwzm1oKX","title":"Spacing","pathname":"/navigating-the-ui/spacing","siteSpaceId":"sitesp_qbPql","description":"Similarly to our typography section, you can use our calculators for efficient size generation, all of which are automatically responsive. See the visual representations update in real time.","breadcrumbs":[{"label":"Navigating the UI","emoji":"1f4bb"}]},{"id":"Sdfs4CZKOU3Wc8CXp0IL","title":"Components","pathname":"/navigating-the-ui/components","siteSpaceId":"sitesp_qbPql","description":"Core Framework is equipped with a component editor that allows for seamless management of reusable elements/components, providing a powerful live editor for real-time visualization.","breadcrumbs":[{"label":"Navigating the UI","emoji":"1f4bb"}]},{"id":"TBfQdMyV6ETbe8tVkbzk","title":"Utility Classes & Vars","pathname":"/navigating-the-ui/utility-classes-and-vars","siteSpaceId":"sitesp_qbPql","description":"Core Framework allows you to create utility classes and variables in all cases. Variables are automatically generated in cases where you might reuse them, such as colors, text size and spacing!","breadcrumbs":[{"label":"Navigating the UI","emoji":"1f4bb"}]},{"id":"8CORsUXaMe1mMOsiciGo","title":"Breakpoints","pathname":"/navigating-the-ui/breakpoints","siteSpaceId":"sitesp_qbPql","description":"Editing breakpoints could not be any more simple! We have made it super easy to add/edit classes and variables on literally any breakpoint, all within a few easy clicks!","breadcrumbs":[{"label":"Navigating the UI","emoji":"1f4bb"}]},{"id":"oWVuJbICtNY0pJ6hgCtq","title":"Manage project","pathname":"/navigating-the-ui/manage-project","siteSpaceId":"sitesp_qbPql","description":"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.","breadcrumbs":[{"label":"Navigating the UI","emoji":"1f4bb"}]},{"id":"NRjJUiVM7BFGgonS4rbu","title":"Remote Import","pathname":"/navigating-the-ui/remote-import","siteSpaceId":"sitesp_qbPql","description":"By utilizing our remote import feature, you can create a public URL and share your project with anyone. A recipient can preview the framework in read-only mode, or clone it to their projects.","breadcrumbs":[{"label":"Navigating the UI","emoji":"1f4bb"}]},{"id":"ElPimCghbsAWGOTwufus","title":"Preferences","pathname":"/navigating-the-ui/preferences","siteSpaceId":"sitesp_qbPql","description":"On this page, you can set your important preferences such as adding your own class/variable prefixes, option to output REM units, set your min and max screen widths, root font size, plus more.","breadcrumbs":[{"label":"Navigating the UI","emoji":"1f4bb"}]},{"id":"wjzQ7ZmRTCDkyefcOnVu","title":"Dark Mode","pathname":"/how-to-use/dark-mode","siteSpaceId":"sitesp_qbPql","description":"Equip your sites with both light and dark color schemes in a few simple clicks. Site's color scheme can be toggled manually or automatically based on user's system preferences.","breadcrumbs":[{"label":"How to Use","emoji":"1f4d2"}]},{"id":"7JbJHjJDcTOvqWHFCpsE","title":"Grid System","pathname":"/how-to-use/grid-system","siteSpaceId":"sitesp_qbPql","description":"With Core Framework's default preset, we have set up a convenient way for you to use CSS grid on your websites. Take full control and manipulate it in many ways across different devices.","breadcrumbs":[{"label":"How to Use","emoji":"1f4d2"}]},{"id":"uOKBHYfnYBJNuG06ZJYT","title":"Filters","pathname":"/how-to-use/filters","siteSpaceId":"sitesp_qbPql","description":"","breadcrumbs":[{"label":"How to Use","emoji":"1f4d2"}]},{"id":"imsR4Fq3mZHPwYWrf68y","title":"Buying Products","pathname":"/marketplace/buying-products","siteSpaceId":"sitesp_qbPql","description":"The Marketplace provides a centralized platform for users to explore and purchase a variety of web design products such as website kits as well as our very own integration addons.","breadcrumbs":[{"label":"Marketplace","emoji":"1f3af"}]},{"id":"9fdx2ZJqmnudSXdbn2nn","title":"Become an Author","pathname":"/marketplace/become-an-author","siteSpaceId":"sitesp_qbPql","description":"The \"Become an Author\" section in the Core Framework Marketplace is dedicated to individuals looking to sell their own UI Kits, templates, and other design products.","breadcrumbs":[{"label":"Marketplace","emoji":"1f3af"}]},{"id":"i6TN533h3EoLtPrsxVuj","title":"Author Guidelines","pathname":"/marketplace/author-guidelines","siteSpaceId":"sitesp_qbPql","description":"Happy to have you here! Before you submit your product to the marketplace, please read and comply with the following guidelines.","breadcrumbs":[{"label":"Marketplace","emoji":"1f3af"}]},{"id":"BlMafa4vXdezsjoD9AXl","title":"Blocks","pathname":"/official-ui-kits/blocks","siteSpaceId":"sitesp_qbPql","description":"Blocks is the official Core Framework wireframe kit featuring BEM, A11Y and Global Components - all set up for you! Perfect for rapid web design.","breadcrumbs":[{"label":"Official UI Kits","emoji":"1f455"}]},{"id":"7wTEPP84CYbSuHLLjwtF","title":"CoreKit","pathname":"/official-ui-kits/corekit","siteSpaceId":"sitesp_qbPql","description":"Reintroducing Core as CoreKit - The original OxyNinja's design set library is now powered by Core Framework.","breadcrumbs":[{"label":"Official UI Kits","emoji":"1f455"}]},{"id":"NqsOwp62KIv1HUlXDl0u","title":"Violet","pathname":"/official-ui-kits/violet","siteSpaceId":"sitesp_qbPql","description":"Violet is a versatile design set for Core Framework, featuring 150+ unique sections. It offers both a dark and light theme out of the box and includes a number of advanced sections.","breadcrumbs":[{"label":"Official UI Kits","emoji":"1f455"}]},{"id":"hKrGK8tikoYgtmiPFSEt","title":"WooCore","pathname":"/official-ui-kits/woocore","siteSpaceId":"sitesp_qbPql","description":"WooCore, the popular e-commerce design set initially developed for OxyNinja, is now compatible with your Core Framework projects.","breadcrumbs":[{"label":"Official UI Kits","emoji":"1f455"}]},{"id":"CVPxovxbq5I6aBT2TLEX","title":"Style Guide","pathname":"/official-ui-kits/style-guide","siteSpaceId":"sitesp_qbPql","description":"The Dynamic Style Guide is an essential tool within Core Framework, designed to help you maintain design consistency across your projects.","breadcrumbs":[{"label":"Official UI Kits","emoji":"1f455"}]},{"id":"TP8Y0oMRphehsVirZ5lU","title":"OxyNinja Icons","pathname":"/official-ui-kits/oxyninja-icons","siteSpaceId":"sitesp_qbPql","description":"Due to popular demand, we have decided to offer the classic icons which were shipped with both the original Core and WooCore kits (originally available through OxyNinja) to our documentation.","breadcrumbs":[{"label":"Official UI Kits","emoji":"1f455"}]},{"id":"LosLwBsPa2mQ76zK4bMl","title":"Agency","pathname":"/official-templates/agency","siteSpaceId":"sitesp_qbPql","description":"Introducing the Agency Template – A sleek, modern one-page website designed to empower agencies, freelancers, and businesses with a polished web presence.","breadcrumbs":[{"label":"Official Templates","icon":"table-columns"}]},{"id":"VBPESnusdhlFlYV9a0lt","title":"Real Estate","pathname":"/official-templates/real-estate","siteSpaceId":"sitesp_qbPql","description":"Introducing the Real Estate Template – A sophisticated, sleek website solution designed to help get you started showcasing properties and connect with potential buyers and sellers.","breadcrumbs":[{"label":"Official Templates","icon":"table-columns"}]},{"id":"WZXsmzWNyxOdexiYg3VC","title":"Common Problems","pathname":"/troubleshooting/common-problems","siteSpaceId":"sitesp_qbPql","description":"Here we will try to address some common problems that our users have faced with Core Framework.","breadcrumbs":[{"label":"Troubleshooting","emoji":"1f528"}]},{"id":"ivSdB9J1gAvIg6YUfiuH","title":"FAQ","pathname":"/troubleshooting/faqs","siteSpaceId":"sitesp_qbPql","description":"Here are some of the most frequently asked questions about Core Framework, which we hopefully can answer here. This list will be updated periodically.","breadcrumbs":[{"label":"Troubleshooting","emoji":"1f528"}]},{"id":"GvXUYYjlmrVfo6Oi1LvH","title":"Changelog","pathname":"/changelog/changelog","siteSpaceId":"sitesp_qbPql","description":"Core Framework is under constant development and we're gradually adding, improving, and fixing features. Below you can find release notes of all past updates.","breadcrumbs":[{"label":"Changelog","emoji":"1f4d6"}]},{"id":"pHj5z9VAbAkWUkqUV04E","title":"CoreFramework\\Helper","pathname":"/development/coreframework-helper","siteSpaceId":"sitesp_qbPql","description":"","breadcrumbs":[{"label":"Development"}]}]}