PHPackages                             seche/nova-jstree - 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. [Utility & Helpers](/categories/utility)
4. /
5. seche/nova-jstree

ActiveLibrary[Utility & Helpers](/categories/utility)

seche/nova-jstree
=================

A Laravel Nova field.

1.0.0(4y ago)04.0kMITSCSSPHP >=7.1.0

Since Aug 27Pushed 4y ago1 watchersCompare

[ Source](https://github.com/seche/nova-jstree)[ Packagist](https://packagist.org/packages/seche/nova-jstree)[ RSS](/packages/seche-nova-jstree/feed)WikiDiscussions main Synced 1mo ago

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

[![MIT License](https://camo.githubusercontent.com/7c124530b7c185c6928998842a1a52ed4bfd21071bf67db8f325f470cc3160a3/68747470733a2f2f696d672e736869656c64732e696f2f61706d2f6c2f61746f6d69632d64657369676e2d75692e7376673f)](https://github.com/seche/nova-laravel-world/LICENSE)[![PR's Welcome](https://camo.githubusercontent.com/7d9ed3c8f22eceb1711573169b1390cc0b1194467340dc815205060c162b5309/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5052732d77656c636f6d652d627269676874677265656e2e7376673f7374796c653d666c6174)](https://github.com/seche/nova-laravel-world/compare)

**Nova-Jstree**
===============

[](#nova-jstree)

Nova Field for the [JsTree](https://www.jstree.com/) library. This allows you to utilize JsTree in a model.

Table of Contents
-----------------

[](#table-of-contents)

1. [Prerequisites](#Prerequisites)
2. [Installation](#Installation)
3. [Usage](#Usage)
    1. [data()](#data())
    2. [theme()](#theme())
    3. [types()](#types())
    4. [checkbox()](#checkbox())
    5. [search()](#search())
4. [Localization](#Localization)
5. [Bugs/Issues](#Bugs/Issues)
6. [License](#License)

Prerequisites
-------------

[](#prerequisites)

This package utilizes the following NPM packages:

- [@fortawesome/fontawesome-free](https://www.npmjs.com/package/@fortawesome/fontawesome-free)
- [jquery](https://www.npmjs.com/package/jquery)
- [jstree](https://www.npmjs.com/package/jstree)

Installation
------------

[](#installation)

1. The package can be installed through Composer.

    `composer require seche/nova-jstree`
2. Use the field.

    ```
    use Seche\NovaJstree\Jstree;

    ```
3. Publish Assets.

    ```
    php artisan vendor:publish --tag=jstree-images
    php artisan vendor:publish --tag=jstree-fonts

    ```

Usage
-----

[](#usage)

```
public function fields(Request $request)
{
 return [
     Jstree::make(__('Name'), 'name')
             ->theme(['dots' => true, 'stripes' => false, 'icons' => false])
             ->checkbox()
             ->search()
             ->data(['1', '2', '3']),
     ];
 }

```

**Note: See JsTree Documentation for full details on each options available.**

### data()

[](#data)

Takes an array and converts it to a usable JSON object by JsTree.

You can use the `->toArray()` helper method on a Collection when passing it in data().

### theme()

[](#theme)

Default:

```
[
 'dots' => true,
 'icons' => true,
 'stripes' => true,
 'name' => 'default', // default-dark
 'variant' => 'small' // small, large, null
]

```

### types()

[](#types)

Default:

```
[
 '#' => ['max_children' => 1,
         'max_depth' => 4,
         'valid_children'=> ['root']
 ],
 'root' => [
     'icon' => 'fa fa-hdd text-yellow',
     'valid_children' => ['default', 'file']
 ],
 'default' => [
     'icon' => 'fa fa-folder text-yellow',
     'valid_children' => ['default','file']
 ],
 'file' => [
     'icon' => 'fa fa-file',
     'valid_children' => []
 ],
 'text' =>[
     'icon' => 'far fa-file-alt',
     'valid_children' => []
 ],
 'word' => [
     'icon' => 'far fa-file-word',
     'valid_children' => []
 ],
 'excel' => [
     'icon' => 'far fa-file-excel',
     'valid_children' => []
 ],
 'ppt' => [
     'icon' => 'far fa-file-powerpoint',
     'valid_children' => []
 ],
 'pdf' => [
     'icon' => 'far fa-file-pdf',
     'valid_children' => []
 ],
 'archive' => [
     'icon' => 'far fa-file-archive',
     'valid_children' => []
 ],
 'image' => [
     'icon' => 'far fa-file-image',
     'valid_children' => []
 ],
 'audio' => [
     'icon' => 'far fa-file-audio',
     'valid_children' => []
 ],
 'video' => [
     'icon' => 'far fa-file-video',
     'valid_children' => []
 ]
]

```

### checkbox()

[](#checkbox)

Default:

```
[
 'visible' => false,
 'three_state' => true,
 'keep_selected_style' => true,
 'whole_node' => true
]

```

### search()

[](#search)

Default:

```
[
 'visible' => false,
 'show_only_matches' => true,
 'case_sensitive' => false,
 'fuzzy' => false,
 'show_only_matches_children' => false
]

```

Localization
------------

[](#localization)

English and French are supported and located in the `resources/lang/` folder and will support any other languages added.

Bugs/Issues
-----------

[](#bugsissues)

Have a bug or an issue with this package? Open a [new issue here](https://github.com/seche/nova-laravel-world/issues/new/choose) on GitHub.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE) for more information.

###  Health Score

26

—

LowBetter than 43% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity19

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity47

Maturing project, gaining track record

 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

1724d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/bf4ac93e67de9e508ae2ed8eac9608d7e1e0f4ab6de87fbad2574c25975758c4?d=identicon)[Seche](/maintainers/Seche)

---

Top Contributors

[![seche](https://avatars.githubusercontent.com/u/340942?v=4)](https://github.com/seche "seche (1 commits)")

---

Tags

laravelnova

### Embed Badge

![Health badge](/badges/seche-nova-jstree/health.svg)

```
[![Health](https://phpackages.com/badges/seche-nova-jstree/health.svg)](https://phpackages.com/packages/seche-nova-jstree)
```

###  Alternatives

[optimistdigital/nova-multiselect-field

A multiple select field for Laravel Nova.

3403.5M7](/packages/optimistdigital-nova-multiselect-field)[digital-creative/conditional-container

Provides an easy way to conditionally show and hide fields in your Nova resources.

116593.8k4](/packages/digital-creative-conditional-container)[genealabs/laravel-overridable-model

Provide a uniform method of allowing models to be overridden in Laravel.

92398.0k2](/packages/genealabs-laravel-overridable-model)[inspheric/nova-defaultable

Default values for Nova fields when creating resources and running resource actions.

51174.8k1](/packages/inspheric-nova-defaultable)[murdercode/nova4-tinymce-editor

Boost your Laravel Nova with the TinyMCE editor.

17165.2k](/packages/murdercode-nova4-tinymce-editor)[yieldstudio/nova-google-autocomplete

A Laravel Nova Google autocomplete field.

12218.4k](/packages/yieldstudio-nova-google-autocomplete)

PHPackages © 2026

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