Download the PHP package ayecode/wp-ayecode-settings-framework without Composer
On this page you can find all versions of the php package ayecode/wp-ayecode-settings-framework. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download ayecode/wp-ayecode-settings-framework
More information about ayecode/wp-ayecode-settings-framework
Files in ayecode/wp-ayecode-settings-framework
Package wp-ayecode-settings-framework
Short Description Modern WordPress settings framework with Alpine.js and Bootstrap 5
License GPL-3.0-or-later
Homepage https://github.com/AyeCode/wp-ayecode-settings-framework
Informations about the package wp-ayecode-settings-framework
AyeCode Settings Framework
A modern WordPress settings framework with Alpine.js and Bootstrap 5, designed for creating beautiful, responsive admin interfaces with minimal code.
Features
- π¨ Modern UI - Clean, responsive interface using Bootstrap 5
- β‘ Alpine.js Powered - Reactive UI without complex build steps
- π Smart Search - Find and edit settings instantly
- π± Mobile Responsive - Works perfectly on all devices
- ποΈ Rich Field Types - Text, toggles, colors, selects, and more
- π Action Buttons - AJAX buttons with confirmation dialogs and progress tracking
- β»οΈ Built-in Reset - One-line reset to defaults functionality
- π Secure - Built-in validation and sanitization
- π Translation Ready - Full i18n support
- π Performance - Lightweight and fast
Installation
Install via Composer:
Quick Start
1. Create Configuration Array
2. Initialize Framework
3. Access Settings
Field Types
Text Fields
Toggle Switches
Select Dropdowns
Color Pickers
Number Fields
Sections with Subsections
Search Functionality
Add searchable terms to fields for better discovery:
Validation
Built-in Validation
Custom Validation
Addon Integration
Your addons can inject settings into existing sections:
Hooks & Filters
Actions
Filters
Styling
The framework uses Bootstrap 5 with minimal custom CSS. To customize:
JavaScript Integration
Access the Alpine.js app:
Requirements
- PHP 7.4+
- WordPress 5.0+
- Modern browser with JavaScript enabled
Browser Support
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
Contributing
- Fork the repository
- Create a feature branch
- Make your changes
- Add tests if needed
- Submit a pull request
License
GPL-3.0-or-later
Support
π οΈ Building Assets with Vite
This plugin uses Vite to bundle and optimize its JavaScript.
We build in IIFE format so the output can be safely enqueued in WordPress without requiring a module loader.
π¦ Prerequisites
- Node.js (LTS version recommended, e.g. 20.x)
- npm or yarn
π§ Setup
π Development
- Vite will serve unminified builds.
- Update
vite.config.js β server.originif you need a different dev URL.
ποΈ Production Build
Build optimized assets into assets/dist:
- Output JS is placed under
assets/dist/js/ - Filenames follow the entry name (
settings.js,admin-keys.js, etc). - A
manifest.jsonis generated inassets/dist/for PHP to resolve correct asset paths.
π Entry Points
Each entry corresponds to a separate admin screen:
settings.jsβ Settings Framework (Alpine.js app)admin-keys.jsβ API Keys admin page
You can add more entries in vite.config.js β build.rollupOptions.input.
βοΈ Notes
- Alpine.js is external β itβs enqueued separately in WordPress, not bundled.
- Output is an IIFE (immediately-invoked function expression) for WP compatibility.
- Static assets (images, fonts, etc.) are handled by WordPress enqueueing, not via Viteβs
public/folder.
Made with β€οΈ by AyeCode Ltd