PHPackages                             harlew-com/laravel-sleek - 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. [Templating & Views](/categories/templating)
4. /
5. harlew-com/laravel-sleek

ActiveLibrary[Templating & Views](/categories/templating)

harlew-com/laravel-sleek
========================

React-style component syntax for Laravel Blade

v0.0.2(7mo ago)05MITPHPPHP ^8.1

Since Sep 29Pushed 7mo agoCompare

[ Source](https://github.com/harlew-com/laravel-sleek)[ Packagist](https://packagist.org/packages/harlew-com/laravel-sleek)[ Docs](https://github.com/yourvendor/laravel-prism)[ RSS](/packages/harlew-com-laravel-sleek/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (2)Dependencies (6)Versions (3)Used By (0)

Laravel Sleek
=============

[](#laravel-sleek)

React-style component syntax for Laravel Blade templates.

Overview
--------

[](#overview)

Laravel Sleek transforms PascalCase component tags into Laravel's native x-component syntax, allowing you to write Blade components with a React-like syntax.

```

```

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

[](#installation)

Install via Composer:

```
composer require harlew-com/laravel-sleek
```

The package will automatically register itself via Laravel's package discovery.

### Configuration (Optional)

[](#configuration-optional)

Publish the configuration file:

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

This creates `config/sleek.php` where you can:

- Enable/disable the compiler
- Add custom HTML tags to ignore

```
return [
    'enabled' => true,

    'ignore_tags' => [
        // Standard HTML tags are already included
        // Add custom tags here if needed
    ],
];
```

Usage
-----

[](#usage)

### Basic Components

[](#basic-components)

Write PascalCase component names that automatically transform to kebab-case:

```
              →
         →
      →
```

### Nested Components (Dot Notation)

[](#nested-components-dot-notation)

Use dot notation for namespaced components:

```
          →
       →
          →
```

**Alternative: Subfolder Components Without Dot Notation**

If you prefer subfolders without dot notation (e.g., `` instead of ``), register component aliases in your `AppServiceProvider`:

```
use Illuminate\Support\Facades\Blade;

public function boot()
{
    Blade::component('components.forms.input', 'FormInput');
}
```

Then use:

```
           → Uses components/forms/input.blade.php
```

### With Attributes

[](#with-attributes)

All attributes are preserved:

```

    Submit Form

    Submit Form

```

### Self-Closing Tags

[](#self-closing-tags)

Both syntaxes work:

```

```

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

[](#how-it-works)

Laravel Sleek registers a Blade precompiler that runs before standard Blade compilation. It:

1. Identifies PascalCase HTML tags
2. Converts them to kebab-case with `x-` prefix
3. Preserves all attributes and content
4. Ignores standard HTML tags

The transformation happens at compile time, so there's no runtime performance impact.

Requirements
------------

[](#requirements)

- PHP 8.1 or higher
- Laravel 10.0 or 11.0

License
-------

[](#license)

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

Credits
-------

[](#credits)

- [Harrison](https://github.com/harlew-com)

Support
-------

[](#support)

For issues, questions, or contributions, please visit the [GitHub repository](https://github.com/harlew-com/laravel-sleek).

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance63

Regular maintenance activity

Popularity4

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity35

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

Every ~2 days

Total

2

Last Release

223d ago

PHP version history (2 changes)v0.0.1PHP ^8.1|^8.2|^8.3

v0.0.2PHP ^8.1

### Community

Maintainers

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

---

Top Contributors

[![HarrisonCode](https://avatars.githubusercontent.com/u/18741898?v=4)](https://github.com/HarrisonCode "HarrisonCode (6 commits)")

---

Tags

laravelcomponentsbladeviewcompilerreact

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/harlew-com-laravel-sleek/health.svg)

```
[![Health](https://phpackages.com/badges/harlew-com-laravel-sleek/health.svg)](https://phpackages.com/packages/harlew-com-laravel-sleek)
```

###  Alternatives

[spatie/laravel-blade-comments

Add debug comments to your rendered output

177325.5k](/packages/spatie-laravel-blade-comments)[daikazu/laravel-glider

Start using Glide on-the-fly instantly in your Laravel blade templates.

882.3k](/packages/daikazu-laravel-glider)[electrik/slate

Slate - a Laravel Blade UI Kit is a set of anonymous blade components built using TailwindCSS v4 with built-in dark mode support for your next Laravel project

102.3k1](/packages/electrik-slate)

PHPackages © 2026

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