Kadim Gültekin

<p>Native Custom Fields is a modern WordPress plugin for creating custom content types, meta fields, and options pages using WordPress’ own native component system.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/M_HO8bI1eZA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Instead of shipping a proprietary UI framework or custom database structure, Native Custom Fields leverages WordPress core technologies such as:</p>
<ul>
<li>@wordpress/scripts</li>
<li>@wordpress/components</li>
<li>@wordpress/elements</li>
<li>@wordpress/icons</li>
<li>@wordpress/data</li>
</ul>
<p>This ensures a seamless, future-proof experience that evolves together with WordPress core.</p>
<h4>Why Native Custom Fields?</h4>
<p>Most custom field plugins introduce their own UI systems, internal data storage layers, or hidden configuration post types.</p>
<p>Native Custom Fields follows a different philosophy:</p>
<p>• Uses WordPress native UI components<br />
• Stores configuration in wp_options<br />
• Stores data in postmeta, termmeta, and usermeta<br />
• Does not create unnecessary database tables<br />
• Does not register hidden configuration post types<br />
• Follows WordPress coding standards</p>
<p>The result is a clean, lightweight, and maintainable solution.</p>
<h4>Key Features</h4>
<ul>
<li>Register Custom Post Types</li>
<li>Register Custom Taxonomies</li>
<li>Import / Export via JSON or PHP</li>
<li>Options Page & Fields Builder</li>
<li>AI Integration with Abilities API & WordPress AI Client</li>
</ul>
<h4>Meta Fields</h4>
<p>Create field groups and attach them to:<br />
* Post Types<br />
* Taxonomies<br />
* User Profiles<br />
* Options Pages</p>
<h4>Supported Components</h4>
<ul>
<li>Input Control</li>
<li>Text Control</li>
<li>Number Control</li>
<li>Select Control</li>
<li>Checkbox Control</li>
<li>Radio Control</li>
<li>Textarea Control</li>
<li>Range Control</li>
<li>Toggle Control</li>
<li>Color Picker</li>
<li>Color Palette</li>
<li>Date Picker</li>
<li>DateTime Picker</li>
<li>Time Picker</li>
<li>Unit Control</li>
<li>Angle Picker Control</li>
<li>Alignment Matrix Control</li>
<li>Border Box Control</li>
<li>Border Control</li>
<li>Box Control</li>
<li>Toggle Group Control</li>
<li>Combobox Field</li>
<li>Font Size Picker</li>
<li>File Upload</li>
<li>Media Library</li>
<li>Form Token</li>
<li>ExternalLink</li>
<li>Heading</li>
<li>Notice</li>
<li>Text Highlight</li>
</ul>
<p>Custom Components:<br />
* Repeater<br />
* Group</p>
<h4>Developer-Friendly</h4>
<ul>
<li>Built with PSR-4 autoloading</li>
<li>Strict Types compatible</li>
<li>Modern React-based admin UI</li>
<li>Clean and extendable architecture</li>
<li>Import / Export via JSON or PHP</li>
</ul>
<h4>Performance-Focused</h4>
<ul>
<li>Minimum admin UI bloat</li>
<li>Native WordPress components</li>
<li>No redundant database tables</li>
<li>Optimized for long-term maintainability</li>
</ul>
<h3>Credits</h3>
<p>Built using official WordPress packages:</p>
<ul>
<li>@wordpress/scripts</li>
<li>@wordpress/components</li>
<li>@wordpress/elements</li>
<li>@wordpress/icons</li>
<li>@wordpress/data</li>
</ul>
<p>Assets:</p>
<ul>
<li>All images located in the Admin/assets/images folder are self created and are licensed under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication.</li>
</ul>
<p>Composer Packages:</p>
<ul>
<li>PHP DI – Copyright (c) Matthieu Napoli</li>
</ul>
<h3>Source Code</h3>
<p>It is available on GitHub:<br />
* GitHub: https://github.com/Arkenon/native-custom-fields</p>
<h3>Developers</h3>
<p>If you want to contribute to the plugin:<br />
1) Download the source code and run <code>npm install</code> to install the development dependencies.<br />
2) To install composer dependencies, run <code>composer install</code>.<br />
3) Run <code>npm start</code> to start the development server.<br />
4) To build the plugin, run <code>npm run build</code>.</p>


Native Custom Fields – Custom Content Types and Meta Fields

Custom Content Types and Meta Fields built with WordPress native components. Modern, clean, and performance-focused.

Tran Ngoc Tuan Anh

eLightUp

Meta Box

Franz Josef Kaiser

Tan Nguyen

FitWP

ruanmer

Per Wiklander

Manny Fleurmond

<h3>WordPress custom fields plugin</h3>
<p><a href="https://metabox.io" rel="nofollow ugc">Meta Box</a> is a professional framework that makes building and customizing a website with dynamic data and content in WordPress fun and easy.</p>
<p>Meta Box helps you add <a href="https://metabox.io/series/custom-fields/" rel="nofollow ugc">custom fields</a> and dynamic data to posts, pages, custom post types, forms and anywhere you want using over 40+ different field types such as text, images, file upload, checkboxes, and more.</p>
<p>On top of that, each WordPress custom field type has extensive internal options for unlimited content possibilities. Complete customization and control is just a few clicks away.</p>
<blockquote>
<p><strong>Meta Box Lite</strong><br />
  We recommend using <a href="https://metabox.io/lite/" rel="nofollow ugc">Meta Box Lite</a>, a feature-rich free UI version of Meta Box that provides UI and all free features for managing custom fields and dynamic content on WordPress, including post types, taxonomies, custom fields, and relationships.</p>
</blockquote>
<h3>Create any type of custom fields in WordPress</h3>
<p>That’s right – any type. No matter where you need to insert custom data and features, Meta Box’s WordPress custom fields have your back, and with infinite options to boot.</p>
<p><strong>Here are just a few of the data types you can customize:</strong></p>
<ul>
<li>Posts</li>
<li>Pages</li>
<li>Custom post types (you can also use our free plugin <a href="https://metabox.io/plugins/custom-post-type/" rel="nofollow ugc">MB Custom Post Types & Custom Taxonomies</a> to create custom post types and custom taxonomies)</li>
<li><a href="https://metabox.io/plugins/mb-term-meta/" rel="nofollow ugc">Taxonomies</a></li>
<li><a href="https://metabox.io/plugins/mb-settings-page/" rel="nofollow ugc">Settings pages or Customizer sections</a></li>
<li><a href="https://metabox.io/plugins/mb-user-profile/" rel="nofollow ugc">User profile pages</a></li>
<li><a href="https://metabox.io/plugins/mb-comment-meta/" rel="nofollow ugc">Post comments</a></li>
</ul>
<h3>A wide-range of field types and options</h3>
<p>Take your standard WordPress custom field and imagine it infinitely expanded. That’s how many options Meta Box gives you:</p>
<ul>
<li>Meta Box supports <a href="https://docs.metabox.io/fields/" rel="nofollow ugc">40+ built-in WordPress custom field types</a> for all your needs including text, textarea, WYSIWYG editor, image, file, post, select, checkbox, radio buttons, date/time picker, taxonomy, user, oembed and more to come.</li>
<li>Not enough? You can also <a href="https://docs.metabox.io/custom-field-type/" rel="nofollow ugc">effortlessly create your own field type</a>.</li>
<li>Meta Box supports cloning fields for most field types including the WYSIWYG editor field. It also supports <a href="https://metabox.io/plugins/meta-box-group/" rel="nofollow ugc">repeatable field groups</a>.</li>
</ul>
<h3>It’s developer-friendly</h3>
<p>As a developer, you have enough on your plate. You shouldn’t have to create an entirely new system for each project. Use Meta Box to your full advantage.</p>
<p>You can use Meta Box and its custom fields for any custom post type in WordPress on as many websites as you want so you can use it on client projects as well.</p>
<ul>
<li>Has an ultra-lightweight, yet powerful API that won’t overload your site.</li>
<li>Add only what you need instead of getting stuck with a bundle of features you don’t even want that bloat your site.</li>
<li>Meta Box <a href="https://docs.metabox.io/integration/" rel="nofollow ugc">easily integrates with any theme and plugin</a>, and supports Composer!</li>
<li>We use the <a href="https://docs.metabox.io/database/" rel="nofollow ugc">native WordPress meta data storage</a> and functions for ease of use and lightning-fast processing.</li>
<li>Has a lot of <a href="https://docs.metabox.io/category/actions/" rel="nofollow ugc">actions</a> and <a href="https://docs.metabox.io/category/filters/" rel="nofollow ugc">filters</a> so you can build or change a site’s appearance and behavior in the plugin.</li>
</ul>
<h3>Don’t love coding? You’re in luck!</h3>
<p>If you prefer a more visual system to create custom fields in WordPress, please use <a href="https://metabox.io/lite/" rel="nofollow ugc">Meta Box Lite</a>, a feature-rich free UI version of Meta Box that provides:</p>
<ul>
<li>All the power of Meta Box without touching a single line of code.</li>
<li>Designer-friendly, lightweight and work at top-notch speeds.</li>
<li>Export your custom fields and settings to PHP. Then, add it to a new site without needing to install this extension for an incredibly lightweight option.</li>
</ul>
<h3>Free Extensions</h3>
<ul>
<li>Migrations from <a href="https://metabox.io/plugins/mb-acf-migration/" rel="nofollow ugc">ACF</a> or <a href="https://metabox.io/plugins/mb-toolset-migration/" rel="nofollow ugc">Toolset</a>.</li>
<li>Integrations with all page builder plugins like <a href="https://metabox.io/plugins/mb-elementor-integrator/" rel="nofollow ugc">Elementor</a>, <a href="https://metabox.io/plugins/meta-box-beaver-themer-integrator/" rel="nofollow ugc">Beaver Builder</a>, Divi, Bricks, Brizy, etc.</li>
<li>Integrations with SEO plugins like <a href="https://wordpress.org/plugins/meta-box-yoast-seo/" rel="ugc">Yoast SEO</a>, <a href="https://metabox.io/plugins/mb-rank-math/" rel="nofollow ugc">Rank Math</a>, or Slim SEO.</li>
<li><a href="https://metabox.io/plugins/meta-box-builder/" rel="nofollow ugc">MB Builder</a>: Create custom meta boxes and custom fields in WordPress using a user-friendly drag-and-drop interface.</li>
<li><a href="https://metabox.io/plugins/mb-comment-meta/" rel="nofollow ugc">MB Comment Meta</a>: Add WordPress custom fields to comments in WordPress.</li>
<li><a href="https://metabox.io/plugins/custom-post-type/" rel="nofollow ugc">MB Custom Post Types & Custom Taxonomies</a>: Create and manage custom post types and taxonomies with UI.</li>
<li><a href="https://wordpress.org/plugins/mb-relationships/" rel="ugc">MB Relationships</a>: Create as many connections as you want from post-to-post or page-to-page.</li>
<li><a href="https://metabox.io/plugins/mb-rest-api/" rel="nofollow ugc">MB Rest API</a>: Pull all meta values from posts and terms into the WP REST API responses.</li>
<li><a href="https://metabox.io/plugins/meta-box-facetwp-integrator/" rel="nofollow ugc">MB FacetWP Integrator</a>: Integrates Meta Box and FacetWP to make custom fields searchable and filterable.</li>
<li><a href="https://wordpress.org/plugins/meta-box-text-limiter/" rel="ugc">MB Text Limiter</a>: Limit the number of characters or words entered for text and textarea fields.</li>
</ul>
<h3>Premium Extensions</h3>
<ul>
<li><a href="https://metabox.io/plugins/mb-admin-columns/" rel="nofollow ugc">MB Admin Columns</a>: Display WordPress custom fields in table columns in admin.</li>
<li><a href="https://metabox.io/plugins/mb-blocks/" rel="nofollow ugc">MB Blocks</a>: Create custom Gutenberg blocks with PHP, using the same syntax in Meta Box.</li>
<li><a href="https://metabox.io/plugins/meta-box-columns/" rel="nofollow ugc">MB Columns</a>: Display eye-catching custom fields in WordPress by putting them into 12-column grids.</li>
<li><a href="https://metabox.io/plugins/meta-box-conditional-logic/" rel="nofollow ugc">MB Conditional Logic</a>: Add visibility dependency for custom meta boxes and custom fields in WordPress.</li>
<li><a href="https://metabox.io/plugins/mb-custom-table/" rel="nofollow ugc">MB Custom Table</a>: Save custom fields to custom tables instead of the default meta tables to reduce your database’s size and increase its performance.</li>
<li><a href="https://metabox.io/plugins/mb-frontend-submission/" rel="nofollow ugc">MB Frontend Submission</a>: Create frontend forms for users to submit posts.</li>
<li><a href="https://metabox.io/plugins/meta-box-geolocation/" rel="nofollow ugc">MB Geolocation</a>: Automatically and instantly populate location data with the power of the Google Maps Geolocation API.</li>
<li><a href="https://metabox.io/plugins/meta-box-group/" rel="nofollow ugc">MB Group</a>: Create repeatable groups for better appearance and structure.</li>
<li><a href="https://metabox.io/plugins/meta-box-include-exclude/" rel="nofollow ugc">MB Include Exclude</a>: Show or hide meta boxes by ID, page template, taxonomy, or custom function.</li>
<li><a href="https://metabox.io/plugins/mb-revision/" rel="nofollow ugc">MB Revision</a>: Track changes to custom fields in WordPress with revisions. You can compare and restore the changes smoothly.</li>
<li><a href="https://metabox.io/plugins/mb-settings-page/" rel="nofollow ugc">MB Settings Page</a>: Create settings pages for themes, plugins or websites with beautiful syntax.</li>
<li><a href="https://metabox.io/plugins/meta-box-show-hide-javascript/" rel="nofollow ugc">MB Show Hide</a>: Toggle meta boxes by page template, post format, taxonomy and category.</li>
<li><a href="https://metabox.io/plugins/meta-box-tabs/" rel="nofollow ugc">MB Tabs</a>: Painlessly create tabs for meta boxes with multiple styles and icons.</li>
<li><a href="https://metabox.io/plugins/meta-box-template/" rel="nofollow ugc">MB Template</a>: Make defining custom meta boxes and WordPress custom fields way easier with templates.</li>
<li><a href="https://metabox.io/plugins/mb-term-meta/" rel="nofollow ugc">MB Term Meta</a>: Add custom fields to categories, tags or custom taxonomies.</li>
<li><a href="https://metabox.io/plugins/meta-box-tooltip/" rel="nofollow ugc">MB Tooltip</a>: Display help information for custom fields with tooltips.</li>
<li><a href="https://metabox.io/plugins/mb-user-meta/" rel="nofollow ugc">MB User Meta</a>: Add custom fields to users.</li>
<li><a href="https://metabox.io/plugins/mb-user-profile/" rel="nofollow ugc">MB User Profile</a>: Build login, register and edit profile forms for users.</li>
<li><a href="https://metabox.io/plugins/mb-views/" rel="nofollow ugc">MB Views</a>: Outputting custom fields and build front-end templates for WordPress without touching theme files.</li>
</ul>
<h3>Detailed Documentation</h3>
<p>We provide regularly updated, and extensive <a href="https://docs.metabox.io" rel="nofollow ugc">documentation</a> as well as <a href="https://docs.metabox.io/tutorials/" rel="nofollow ugc">tutorials</a> on how to use MetaBox and custom fields in WordPress to your advantage as well as in the most efficient way possible.</p>
<p>Here are a few guides to quickly get you started with Meta Box and creating your own WordPress custom fields:</p>
<ul>
<li><a href="https://docs.metabox.io/introduction/" rel="nofollow ugc">Introduction</a></li>
<li><a href="https://docs.metabox.io/custom-post-types/" rel="nofollow ugc">Custom post types</a></li>
<li><a href="https://docs.metabox.io/custom-fields/" rel="nofollow ugc">Custom fields</a></li>
<li><a href="https://docs.metabox.io/field-settings/" rel="nofollow ugc">Field settings</a></li>
<li><a href="https://docs.metabox.io/displaying-fields-with-code/" rel="nofollow ugc">Displaying fields</a></li>
</ul>
<h3>You might also like</h3>
<p>If you like this plugin, you might also like our other WordPress products:</p>
<ul>
<li><a href="https://wpslimseo.com" rel="nofollow ugc">Slim SEO</a> – A fast, lightweight and full-featured SEO plugin for WordPress with minimal configuration.</li>
<li><a href="https://wpfalcon.pro" rel="nofollow ugc">Falcon</a> – A lightweight companion for making WordPress faster, cleaner, and more secure.</li>
<li><a href="https://gretathemes.com" rel="nofollow ugc">GretaThemes</a> – Free and premium WordPress themes that clean, simple and just work.</li>
<li><a href="https://wpautolistings.com" rel="nofollow ugc">Auto Listings</a> – A car sale and dealership plugin for WordPress.</li>
</ul>


Easy to Use

Compared to the competition, the design and extensibility of this plugin is significantly better.  Its performance is better and it doesn't suffer from code bloat.  Its learning curve is a bit steep, however that is what really sets it apart from the others.  The support team is pretty responsive with tickets and the documentation is pretty good! I'll be using the pro version of plugin going forward for custom setups.

Cheers~

Excellent Product and Support

Meta Box plugin is a powerful, professional developer toolkit to create custom meta boxes and custom fields for your custom post types in WordPress.

Native Custom Fields – Custom Content Types and Meta Fields vs Meta Box