Weave Code
Avalynx Select Laravel Package
avalynx/avalynx-select
Avalynx Select is a lightweight package for adding customizable, searchable select inputs to Laravel and PHP applications. It offers simple Blade integration, flexible configuration, and a clean UI for replacing native dropdowns in forms.
AvalynxSelect is a lightweight, customizable select dropdown component for web applications. It is designed to be used with Bootstrap version 5.3 or higher and does not require any framework dependencies.
Frequently asked questions about Avalynx Select
- What is AvalynxSelect and what problem does it solve?
- AvalynxSelect is a lightweight, customizable select dropdown component for web applications, built to replace plain native select elements with a cleaner, more flexible UI. It is designed for Bootstrap 5.3 or higher and requires no framework dependencies. In Laravel projects it is typically dropped into Blade forms via Composer and a small amount of markup.
- How do I install avalynx/avalynx-select with Composer?
- Install it like any other Composer package by running composer require avalynx/avalynx-select in the root of your project. Because it is a front-end component, you also need to make the package's JavaScript and CSS assets available to your views, either by copying them into your public assets or referencing them through your existing asset pipeline. Check the repository README for the exact file paths and any publish step for your setup.
- Does AvalynxSelect work with Laravel and Blade templates?
- Yes. The package is aimed at Laravel and PHP applications and offers simple Blade integration, so you can render the select markup directly inside your templates. You include the component's assets once in your layout and then initialise the dropdown where needed. Because it has no framework dependencies, it does not interfere with Livewire, Alpine or your existing scripts.
- Which Bootstrap version does AvalynxSelect require?
- AvalynxSelect is designed to be used with Bootstrap version 5.3 or higher. That means your layout should already be loading Bootstrap 5.3+ CSS and JS before you initialise the component. If you are still on Bootstrap 4, you should upgrade or expect styling to break, since the component relies on modern Bootstrap classes and markup conventions.
- Does AvalynxSelect require jQuery or any JavaScript framework?
- No. The package is explicitly built to be framework-free, so it does not pull in jQuery, React, Vue or Alpine. That keeps your bundle small and avoids conflicts with whatever stack your Laravel app already uses. The only real dependency to be aware of is Bootstrap 5.3 or higher for styling and behaviour.
- Can I use AvalynxSelect outside of Laravel, in plain PHP or static HTML?
- Yes. Although the blurbs focus on Laravel and PHP applications, AvalynxSelect is a plain front-end component with no server-side binding, so it works in any PHP app, template engine or even a static HTML page. You just include the assets and initialise the dropdown on the relevant element. Laravel users simply get the convenience of Blade partials and Composer for asset management.
- How do I make the select dropdown searchable?
- Searchability is one of the core features of AvalynxSelect, letting users type to filter long option lists instead of scrolling. You enable and tune it through the component's configuration options when you initialise the dropdown on an element. For very large option sets, keep an eye on rendering performance and consider limiting the options you output from your Blade view.
- How customizable is the AvalynxSelect dropdown?
- AvalynxSelect is described as lightweight and customizable, with flexible configuration rather than a fixed, opinionated look. Because it sits on top of Bootstrap 5.3, most visual tweaks can be handled with standard Bootstrap utility classes and your own CSS overrides. Behavioural options such as search and selection handling are set through the initialisation config.
- How does AvalynxSelect compare to Select2 or Choices.js?
- AvalynxSelect is deliberately minimal: no framework dependencies, no jQuery requirement, and a Bootstrap 5.3 native look. Select2 and Choices.js offer broader feature sets such as remote AJAX data sources and multi-select tagging, but they carry more weight and, in Select2's case, a jQuery dependency. If you only need a clean, searchable single select in a Bootstrap-based Laravel form, AvalynxSelect is the lighter choice.
- Will the selected value submit correctly with Laravel validation and old input?
- AvalynxSelect is a front-end enhancement, so make sure the underlying value is still posted under a name your controller expects, then validate it normally with Laravel's request validation rules. When re-rendering a failed form, use old('field') in Blade to mark the previously chosen option as selected. Test the round trip once in your own app, since the exact way the component exposes its value depends on your initialisation settings.
Weaver
How can I help you explore Laravel packages today?