PHPackages                             frontend/jquery-framework - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. frontend/jquery-framework

ActiveLibrary[Framework](/categories/framework)

frontend/jquery-framework
=========================

A Laravel-like frontend framework for jQuery

v0.01(4mo ago)07MITJavaScriptPHP ^8.0

Since Dec 28Pushed 4mo agoCompare

[ Source](https://github.com/eslam147/Laravel-Jquery-Framework)[ Packagist](https://packagist.org/packages/frontend/jquery-framework)[ RSS](/packages/frontend-jquery-framework/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)DependenciesVersions (2)Used By (0)

Jquery-Framework (Laravel-Style Frontend)
=========================================

[](#jquery-framework-laravel-style-frontend)

A lightweight **frontend framework** built on **jQuery**, inspired by the **Laravel** development experience. It helps organize JavaScript code in large projects by providing a clear **MVC architecture**, a smart **routing system**, and full **localization (i18n)** support.

---

🚀 Key Features
--------------

[](#-key-features)

- **MVC Architecture**: Organize code into Controllers and Requests for easier maintenance.
- **Smart Routing**: Laravel-like routing system that automatically binds DOM events.
- **Localization (i18n)**: Built-in multi-language support (ar, en) with programmatic access to validation messages.
- **Dynamic Views**: Load and render Blade views via AJAX with easy data passing.
- **Artisan Integration**: CLI commands for scaffolding and publishing framework files.

---

🛠 Installation
--------------

[](#-installation)

### 1. Install the package

[](#1-install-the-package)

```
composer require frontend/jquery-framework
```

### 2. Publish framework files

[](#2-publish-framework-files)

```
php artisan jquery:publish
```

### 3. Add boot Script in Resource File

[](#3-add-boot-script-in-resource-file)

```

```

### 4. Add meta csrf tag in Resource File head

[](#4-add-meta-csrf-tag-in-resource-file-head)

```

```

### 5. Add provider in your project

[](#5-add-provider-in-your-project)

```
    JqueryFramework\Providers\JqueryFrameworkServiceProvider::class,
```

---

📚 Usage
-------

[](#-usage)

### Creating Controllers

[](#creating-controllers)

#### Basic Controller

[](#basic-controller)

```
node artisanJs make:controller ButtonController
```

Creates a controller with a **class selector** (`.button`).

---

#### Controller with ID Selector

[](#controller-with-id-selector)

```
node artisanJs make:controller ButtonController --id
```

Creates a controller with an **ID selector** (`#button`).

---

#### Controller with Custom Match Character

[](#controller-with-custom-match-character)

```
node artisanJs make:controller TestReadController --match="_"
```

Creates a controller using an underscore separator:

```
.test_read
```

```
node artisanJs make:controller TestReadController --match="-"
```

Creates a controller using a hyphen separator:

```
.test-read
```

---

### Controller Options Explained

[](#controller-options-explained)

#### `--id`

[](#--id)

Creates a controller that uses an **ID selector** instead of a class selector.

- Without `--id`: `ButtonController` → `.button`
- With `--id`: `ButtonController` → `#button`

---

#### `--match`

[](#--match)

Defines the separator used between words in the selector.

- Default: `.` (class selector)
- `--match="_"`: underscore separator
- `--match="-"`: hyphen separator

Examples:

- `TestReadController --match="_"` → `.test_read`
- `TestReadController --match="-"` → `.test-read`

> Note: `--match` only controls the separator. Selector type (class or ID) is controlled by the `--id` flag.

---

### Controller Naming Convention

[](#controller-naming-convention)

- Controller names must end with `Controller`
- `ButtonController` → `.button`
- Namespaces are supported:

```
node artisanJs make:controller Auth/LoginController
```

Creates:

```
public/Jquery-Framework/app/Http/Controllers/Auth/LoginController.js

```

---

Creating Requests
-----------------

[](#creating-requests)

```
node artisanJs make:request UserRequest
node artisanJs make:request Auth/LoginRequest
```

---

Deleting Controllers
--------------------

[](#deleting-controllers)

```
node artisanJs delete:controller ButtonController
node artisanJs delete:controller Auth/LoginController
```

---

Deleting Requests
-----------------

[](#deleting-requests)

```
node artisanJs delete:request UserRequest
node artisanJs delete:request Auth/LoginRequest
```

---

📝 Example Controller
--------------------

[](#-example-controller)

```
namespace App\\Http\\Controllers;
use Jquery-Framework\\scripts\\Controller;

class ButtonController extends Controller {

    public function selector() {
        return '.button'; // or '#button' if created with --id
    }

    public function click(request, id, variation_id = null) {
        console.log('ID:', id);
        console.log('Variation ID:', variation_id);

        console.log('All data:', request.all());
        console.log('ID from request:', request.id);

        return view('welcome', '#result', compact('id', 'variation_id'));
    }
}
```

---

🛣️ Routing Examples
-------------------

[](#️-routing-examples)

```
Route.get('/data', [ButtonController::class, 'click']);
Route.post('/posts', [PostController::class, 'submit']);
```

---

🛣️ Route Groups
---------------

[](#️-route-groups)

```
Route.group({ prefix: 'admin' }, function () {
    Route.post('/', [AdminController::class, 'submit']);
});
```

---

🔄 Modal System
--------------

[](#-modal-system)

Fully integrated **Bootstrap 5 modal system** with automatic detection and opening.

### Using view() Helper

[](#using-view-helper)

With parameters:

```
public function click(id) {
    return view('modal1', '#modal-content', compact('id'));
}
```

Without parameters:

```
public function click() {
    return view('modal2', '#modal-content');
}
```

### Modal Features

[](#modal-features)

- Automatic opening
- Selector preservation
- Dynamic Bootstrap loading
- `d-none` auto removal
- Fresh instance on every open

---

modal() Method
--------------

[](#modal-method)

```
public function modal() {
    return '#modal1';
}
```

or

```
public function modal() {
    return '.modal1';
}
```

---

🌍 Language Files
----------------

[](#-language-files)

Path:

```
lang/{locale}/messages.js

```

### English

[](#english)

```
return {
    welcome: 'Welcome',
    description: 'This is a description'
};
```

### Arabic

[](#arabic)

```
return {
    welcome: 'مرحبا',
    description: 'هذا وصف'
};
```

###  Health Score

29

—

LowBetter than 59% of packages

Maintenance74

Regular maintenance activity

Popularity4

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity29

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

142d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/242e9a9bc78cb095141b8322f4552ed95f3ae580dd138274ce4a88de5ae446a4?d=identicon)[eslam147](/maintainers/eslam147)

---

Top Contributors

[![eslam147](https://avatars.githubusercontent.com/u/77081867?v=4)](https://github.com/eslam147 "eslam147 (27 commits)")

### Embed Badge

![Health badge](/badges/frontend-jquery-framework/health.svg)

```
[![Health](https://phpackages.com/badges/frontend-jquery-framework/health.svg)](https://phpackages.com/packages/frontend-jquery-framework)
```

###  Alternatives

[laravel/passport

Laravel Passport provides OAuth2 server support to Laravel.

3.4k85.0M532](/packages/laravel-passport)[nolimits4web/swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk

Laravel Dusk provides simple end-to-end testing and browser automation.

1.9k36.7M259](/packages/laravel-dusk)[laravel/prompts

Add beautiful and user-friendly forms to your command-line applications.

712181.8M596](/packages/laravel-prompts)[cakephp/chronos

A simple API extension for DateTime.

1.4k47.7M121](/packages/cakephp-chronos)[laravel/pail

Easily delve into your Laravel application's log files directly from the command line.

91545.3M590](/packages/laravel-pail)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)