Wire Elements Pro 5.0.4

Wire Elements Pro​

Beautiful handcrafted components Livewire components that will take your productivity to the next level.

Modal Component
With the Modal component, you can turn any of your Livewire components into a modal and call the component into view throughout your entire application with just one line of code.

Tailwind CSS and Bootstrap. Wire Elements Pro is compatible with both Tailwind CSS and Bootstrap. Choose your stack and build your application.

Customize behavior. You can control behavior for every modal. Close on escape, trap input focus, removing state on close or closing the modal when clicking the backdrop.

Size. Use over ten different sizes or use our full-screen option.

The ultimate component for your power users​

Spotlight Component
Livewire component that brings context-aware Spotlight/Alfred-like functionality to your Laravel application. Integrates perfectly with the modal and slide-over component.

Context aware. Show results and actions based on the current application route or applied scopes. Use the tab key to apply new scopes or hit backspace to remove one.

Custom actions. Redirect to a different page, open modals, dispatch events, you can control what happens when executing a result.

Modes. Group results based on different modes. Try entering '#' to enable user search or '>' to activate command mode.

Add autocomplete and insert commands to your input fields​

Insert Component
Improve the typing experience of your customers by adding an autocomplete to support things like mentions and hashtags, just like Twitter or add commands to, for example, insert images and links.

Mention anything. Add the ability to mention anything inside text fields and text areas.

Beyond mentions. Go even further and use the insert component to trigger advanced commands that integrate perfectly with the overlay components.

Slide to the left, slide to the right, Cha Cha​

Slide-over Component
Take a different approach and forget the modal; use the slide-over component to add a subtle overlay to your application.
Tailwind CSS and Bootstrap. Wire Elements Pro is compatible with both Tailwind CSS and Bootstrap. Choose your stack and build your application.

Customize behavior. You can control behavior for every modal. Close on escape, trap input focus, removing state on close or closing the modal when clicking the backdrop.