PHPackages                             yousif-nahi/silkwire - 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. yousif-nahi/silkwire

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

yousif-nahi/silkwire
====================

iOS-quality sheet animations for Laravel/Livewire via Silk HQ

v0.1.0(3mo ago)1651MITJavaScriptPHP ^8.2

Since Feb 15Pushed 3mo agoCompare

[ Source](https://github.com/Yousif-Nahi/silkwire)[ Packagist](https://packagist.org/packages/yousif-nahi/silkwire)[ RSS](/packages/yousif-nahi-silkwire/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (2)Versions (2)Used By (0)

SilkWire
========

[](#silkwire)

iOS-quality sheet animations for Laravel/Livewire — powered by [Silk HQ](https://silk-hq.com).

SilkWire bridges `@silk-hq/components` (React) with Laravel Blade and Livewire so you can use iOS-style sheets, drawers, dialogs, toasts, and more without writing any React code.

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

[](#requirements)

- PHP 8.2+
- Laravel 11 or 12
- Livewire 3 or 4
- Node.js (for Vite build)

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

[](#installation)

```
composer require yousif-nahi/silkwire
```

Install the NPM peer dependencies:

```
npm install @silk-hq/components react react-dom @vitejs/plugin-react
```

Publish the JavaScript assets and entry point:

```
php artisan vendor:publish --tag=silkwire-js --tag=silkwire-entry
```

Add the entry point to your `vite.config.js`:

```
import react from '@vitejs/plugin-react';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/js/app.js',
                'resources/js/silkwire.js', // Open Sheet

```

### Available Presets

[](#available-presets)

`sheet` `keyboard` `dialog` `drawer` `bottom-sheet` `top-sheet` `detached` `card` `sidebar` `toast` `detent` `depth` `long-sheet` `page` `page-bottom` `lightbox`

### Stacking Sheets

[](#stacking-sheets)

```

```

### Controlling from Livewire (PHP)

[](#controlling-from-livewire-php)

```
use YousifNahi\SilkWire\Concerns\WithSilkWire;

class MyComponent extends Component
{
    use WithSilkWire;

    public function save(): void
    {
        // ... save logic
        $this->silkClose('my-sheet');
    }
}
```

### Alpine.js API

[](#alpinejs-api)

```
{{-- Magic --}}
Open
Close
Toggle

{{-- Directives --}}
Open
Close
Toggle
```

License
-------

[](#license)

MIT

###  Health Score

36

—

LowBetter than 82% of packages

Maintenance82

Actively maintained with recent releases

Popularity12

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity36

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

93d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/a0ce20d9f262c6ec5a5a4bccc53cafac933f890146d3f68b1aa0cb57a982e67f?d=identicon)[Yousif-Nahi](/maintainers/Yousif-Nahi)

---

Top Contributors

[![Yousif-Nahi](https://avatars.githubusercontent.com/u/113474747?v=4)](https://github.com/Yousif-Nahi "Yousif-Nahi (1 commits)")

### Embed Badge

![Health badge](/badges/yousif-nahi-silkwire/health.svg)

```
[![Health](https://phpackages.com/badges/yousif-nahi-silkwire/health.svg)](https://phpackages.com/packages/yousif-nahi-silkwire)
```

###  Alternatives

[livewire/flux

The official UI component library for Livewire.

9475.0M86](/packages/livewire-flux)[jantinnerezo/livewire-alert

This package provides a simple alert utilities for your livewire components.

8041.2M20](/packages/jantinnerezo-livewire-alert)[spatie/laravel-livewire-wizard

Build wizards using Livewire

4061.0M4](/packages/spatie-laravel-livewire-wizard)[kirschbaum-development/commentions

A package to allow you to create comments, tag users and more

12369.2k](/packages/kirschbaum-development-commentions)[revolution/self-ordering

Self Ordering System

2112.7k](/packages/revolution-self-ordering)[joelwmale/livewire-quill

Easily add QuillJS with image support to any Laravel Livewire component.

1314.0k](/packages/joelwmale-livewire-quill)

PHPackages © 2026

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