PHPackages zpmlabs/filament-undraw - 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. zpmlabs/filament-undraw ActiveLibrary[Utility & Helpers](/categories/utility) zpmlabs/filament-undraw ======================= Filament select component for undraw illustrations. v5.0.0(2mo ago)06MITPHPPHP ^8.2 Since Nov 1Pushed 2mo agoCompare [ Source](https://github.com/zpm-packages/filament-undraw-illustrations-select)[ Packagist](https://packagist.org/packages/zpmlabs/filament-undraw)[ Docs](https://github.com/ZPMLabs/filament-undraw)[ RSS](/packages/zpmlabs-filament-undraw/feed)WikiDiscussions main Synced today READMEChangelog (5)Dependencies (6)Versions (7)Used By (0) [![undraw](https://private-user-images.githubusercontent.com/100382372/587737204-84f693ae-15a2-4b1f-a783-5def9fb57eb4.jpg?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE1MDg4MzcsIm5iZiI6MTc4MTUwODUzNywicGF0aCI6Ii8xMDAzODIzNzIvNTg3NzM3MjA0LTg0ZjY5M2FlLTE1YTItNGIxZi1hNzgzLTVkZWY5ZmI1N2ViNC5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDYxNVQwNzI4NTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01MmY3ZjI1Yjk0ZGY1YjM2ZmQwMTIwYWIxZWUwNTAyNjk2MzcwYzRlOTNhMDNkM2FmNDFiY2Q2ZmIwNzk2ZTBkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZqcGVnIn0.wui1uBDzWPYDj5NCSQcg7iRjHn54ASrxXl6b0H_zGwQ)](https://private-user-images.githubusercontent.com/100382372/587737204-84f693ae-15a2-4b1f-a783-5def9fb57eb4.jpg?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE1MDg4MzcsIm5iZiI6MTc4MTUwODUzNywicGF0aCI6Ii8xMDAzODIzNzIvNTg3NzM3MjA0LTg0ZjY5M2FlLTE1YTItNGIxZi1hNzgzLTVkZWY5ZmI1N2ViNC5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDYxNVQwNzI4NTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01MmY3ZjI1Yjk0ZGY1YjM2ZmQwMTIwYWIxZWUwNTAyNjk2MzcwYzRlOTNhMDNkM2FmNDFiY2Q2ZmIwNzk2ZTBkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZqcGVnIn0.wui1uBDzWPYDj5NCSQcg7iRjHn54ASrxXl6b0H_zGwQ)Filament Undraw (ZPMLabs) ========================= [](#filament-undraw-zpmlabs) A Filament select component that lets you search and pick [unDraw](https://undraw.co/) illustrations with image thumbnails in the dropdown and in the selected value. > PHP 8.2+, Filament Forms 5.x. --- Install ------- [](#install) ``` composer require zpmlabs/filament-undraw ``` Filament theme setup -------------------- [](#filament-theme-setup) If your Filament panel uses a custom Tailwind theme, add both package paths to your theme file so Tailwind can see the classes used by the package: ``` @source '../../../../vendor/zpmlabs/filament-undraw/src/**/*'; @source '../../../../vendor/zpmlabs/filament-undraw/resources/views/**/*'; ``` Both are needed for different reasons: - `src/**/*` is required because the field component stores configurable utility classes like `w-24 h-24` and `w-40 h-40` inside PHP strings. - `resources/views/**/*` is required because the packaged demo page view uses Tailwind classes directly in Blade. After adding the sources, rebuild your assets: ``` npm run build ``` Version support --------------- [](#version-support) - `main` / `v5.x` tags: Filament 5 - `v4` branch / `v4.x` tags: Filament 4 ### If you want to customize the view: [](#if-you-want-to-customize-the-view) ``` php artisan vendor:publish --tag=filament-undraw-views ``` - This will copy the blade file to `resources/views/vendor/filament-undraw/undraw-select.blade.php`. Usage ----- [](#usage) ``` use ZPMLabs\FilamentUndraw\Forms\Components\UndrawSelect; UndrawSelect::make('svg_url'), ``` Since this extends Filament's `Select`, you can keep using the usual fluent methods alongside the custom thumbnail layout. Ready-to-use demo page ---------------------- [](#ready-to-use-demo-page) The package ships with an example Filament page you can mount directly in your panel: ``` use CommunitySdks\UnlayerFilament\Examples\Pages\UnlayerFilamentDemoPage; use Filament\Pages\Dashboard; use ZPMLabs\FilamentUndraw\Examples\Pages\UndrawDemoPage; $panel->pages([ Dashboard::class, UnlayerFilamentDemoPage::class, UndrawDemoPage::class, ]); ``` Example field presets used on the page: ``` use ZPMLabs\FilamentUndraw\Forms\Components\UndrawSelect; UndrawSelect::make('hero_illustration') ->label('Hero illustration') ->live(); UndrawSelect::make('compact_illustration') ->label('Compact illustration') ->searchResultSize('w-24 h-24') ->selectedOptionSize('w-24 h-24') ->limit(12); ``` Expanding Undraw Usage ---------------------- [](#expanding-undraw-usage) In case you want to expand this in some other field or custom component you can check the [base php package](https://github.com/ZPMLabs/undraw-php) for undraw. ### Health Score 40 — FairBetter than 86% of packages Maintenance88 Actively maintained with recent releases Popularity4 Limited adoption so far Community6 Small or concentrated contributor base Maturity52 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 Every ~37 days Recently: every ~46 days Total 6 Last Release 60d ago Major Versions v1.0.2 → v4.0.02025-11-14 v4.0.0 → v5.0.02026-05-05 PHP version history (2 changes)1.0.0PHP ^8.1 v1.0.1PHP ^8.2 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/211412089?v=4)[ZPM Labs](/maintainers/zpmlabs)[@ZPMLabs](https://github.com/ZPMLabs) --- Top Contributors [![sasaorasanin](https://avatars.githubusercontent.com/u/100382372?v=4)](https://github.com/sasaorasanin "sasaorasanin (9 commits)") --- Tags laravelfilamentfilament-pluginundrawZPM Labs ### Embed Badge ![Health badge](/badges/zpmlabs-filament-undraw/health.svg) ``` [![Health](https://phpackages.com/badges/zpmlabs-filament-undraw/health.svg)](https://phpackages.com/packages/zpmlabs-filament-undraw) ``` ### Alternatives [psalm/plugin-laravel Psalm plugin for Laravel 3355.3M346](/packages/psalm-plugin-laravel)[renatomarinho/laravel-page-speed Laravel Page Speed 2.5k1.7M10](/packages/renatomarinho-laravel-page-speed)[codewithdennis/filament-select-tree The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths. 329530.5k29](/packages/codewithdennis-filament-select-tree)[schmeits/filament-character-counter This is a Filament character counter TextField and Textarea form field for Filament v4 and v5 34226.4k13](/packages/schmeits-filament-character-counter)[bezhansalleh/filament-google-analytics Google Analytics integration for FilamentPHP 211189.7k8](/packages/bezhansalleh-filament-google-analytics)[promethys/revive A 'RecycleBin' page where users can restore or delete permanently soft-deleted models. 162.9k](/packages/promethys-revive) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)