PHPackages                             designer/studio - 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. designer/studio

ActiveLibrary[Framework](/categories/framework)

designer/studio
===============

A visual component builder/editor for Laravel applications

0.0.1(4mo ago)138MITPHPPHP ^8.2

Since Feb 6Pushed 2mo agoCompare

[ Source](https://github.com/designerdotdev/studio)[ Packagist](https://packagist.org/packages/designer/studio)[ RSS](/packages/designer-studio/feed)WikiDiscussions main Synced 3w ago

READMEChangelog (1)Dependencies (4)Versions (3)Used By (0)

Designer Studio
===============

[](#designer-studio)

A visual component builder/editor for Laravel applications. Build beautiful pages visually and export them as Blade files.

Features
--------

[](#features)

- Visual page editor with live preview
- Component library with customizable fields
- JSON-based storage (no database pollution)
- Export to Blade files
- Easy install and uninstall

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

[](#installation)

Add the package repository to your `composer.json`:

```
{
    "repositories": [
        {
            "type": "vcs",
            "url": "https://github.com/designerdotdev/studio.git"
        }
    ]
}
```

Then require the package:

```
composer require designer/studio
```

Quick Start
-----------

[](#quick-start)

1. **Seed sample data** (optional):

    ```
    php artisan studio:seed
    ```
2. **Visit the studio**:

    ```
    http://your-app.test/studio

    ```
3. **Edit a page** by clicking on it in the dashboard
4. **Generate Blade files** by clicking "Generate All Blade Files"

Configuration
-------------

[](#configuration)

Publish the configuration file:

```
php artisan vendor:publish --tag=studio-config
```

### Config Options

[](#config-options)

```
return [
    // Route prefix (e.g., 'admin/studio' → /admin/studio)
    'path' => 'studio',

    // Middleware for studio routes
    'middleware' => ['web'],

    // Where JSON data is stored
    'storage_path' => storage_path('studio'),

    // Where generated Blade files go
    'output_path' => resource_path('views/designer'),

    // Default layout for generated pages
    'default_layout' => 'layouts.app',
];
```

How It Works
------------

[](#how-it-works)

### Storage

[](#storage)

All data is stored as JSON files in `storage/studio/`:

```
storage/studio/
├── pages/
│   ├── home.json
│   └── about.json
└── components/library/
    ├── hero-basic.json
    └── features-grid.json

```

### Output

[](#output)

Generated Blade files are placed in `resources/views/designer/`:

```
resources/views/designer/
├── home.blade.php
└── about.blade.php

```

Creating Components
-------------------

[](#creating-components)

Components are JSON files with this structure:

```
{
  "name": "hero-basic",
  "title": "Basic Hero Section",
  "description": "A simple hero with title and subtitle",
  "category": "heroes",
  "html": "{{ $title ?? \"Welcome\" }}",
  "fields": {
    "title": {
      "type": "text",
      "label": "Title",
      "default": "Welcome"
    }
  }
}
```

### Field Types

[](#field-types)

- `text` - Single line text input
- `textarea` - Multi-line text
- `select` - Dropdown with options
- `toggle` - Boolean switch
- `colorpicker` - Color picker

Artisan Commands
----------------

[](#artisan-commands)

```
# Seed sample components and page
php artisan studio:seed

# Uninstall and remove all data
php artisan studio:uninstall

# Uninstall but keep generated Blade files
php artisan studio:uninstall --keep-generated

# Uninstall but keep JSON data
php artisan studio:uninstall --keep-data
```

Uninstall
---------

[](#uninstall)

To completely remove Designer Studio:

```
# Remove data
php artisan studio:uninstall

# Remove package
composer remove designer/studio

# Remove config (if published)
rm config/studio.php
```

License
-------

[](#license)

MIT

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance82

Actively maintained with recent releases

Popularity10

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity38

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

137d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/2907450?v=4)[devdojo](/maintainers/devdojo)[@DevDojo](https://github.com/DevDojo)

---

Top Contributors

[![tnylea](https://avatars.githubusercontent.com/u/601261?v=4)](https://github.com/tnylea "tnylea (3 commits)")

### Embed Badge

![Health badge](/badges/designer-studio/health.svg)

```
[![Health](https://phpackages.com/badges/designer-studio/health.svg)](https://phpackages.com/packages/designer-studio)
```

###  Alternatives

[laravel/sail

Docker files for running a basic Laravel application.

1.9k199.2M1.2k](/packages/laravel-sail)[craftcms/cms

Craft CMS

3.6k3.6M2.9k](/packages/craftcms-cms)[laravel/pulse

Laravel Pulse is a real-time application performance monitoring tool and dashboard for your Laravel application.

1.7k14.1M122](/packages/laravel-pulse)[tallstackui/tallstackui

TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.

721160.4k12](/packages/tallstackui-tallstackui)[tempest/framework

The PHP framework that gets out of your way.

2.2k31.1k12](/packages/tempest-framework)[rcsofttech/audit-trail-bundle

Enterprise-grade, high-performance Symfony audit trail bundle. Automatically track Doctrine entity changes with split-phase architecture, multiple transports (HTTP, Queue, Doctrine), and sensitive data masking.

1155.2k](/packages/rcsofttech-audit-trail-bundle)

PHPackages © 2026

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