UI Kit Flux 2.0 для Livewire

Перекладено ШІ 7 Laravel News 02 червня, 2026

Вас цікавлять новини про останні компоненти в екосистемі Laravel? У новій версії Flux 2.0 ви знайдете інноваційні елементи, зокрема календарі та графіки, які побудовані без зайвих залежностей та з акцентом на легкість використання. Читайте далі, щоб дізнатися, як ці компоненти можуть покращити ваш проект

Можливо, я запізнився на вечірку, але хочу поділитися новими класними компонентами, які вийшли в Flux 2.0 – офіційній бібліотеці компонентів Livewire від Caleb Porzio. Flux 2.0 представляє модерні компоненти, такі як вибір дат, календарі, графіки та інше. Ці компоненти розроблені легкими і без сторонніх залежностей від творця Livewire:

Підтримка легкості Flux була нашим головним пріоритетом. Замість того, щоб використовувати сторонні вибірники дат і графіки, ми створили свої власні з нуля — в результаті додано лише 13kb до пакету.

Чому ми вирішили йти на всі ці складнощі заради кількох кілобайтів?

Вивчаючи сторонні бібліотеки для графіків і вибірників дат, ми постійно стикалися з такими проблемами:

  • Занадто складна конфігурація
  • Складнощі в стилізації під наші дизайни
  • Недостатня доступність та локалізація

Тож ми вирішили взятися за справу і створити все самі. І тепер ми раді цьому, адже маємо саме ті компоненти, які нам потрібні, без зайвого. Більше того, коли ми хочемо щось додати або змінити в майбутньому, ми можемо це зробити. Без плагінів і запитів на злиття — просто беремо і змінюємо свій код.

У рамках випуску Flux 2.0 Flux UI має безкоштовну версію основних компонентів, що використовуються в офіційному Laravel Livewire стартовому комплекті. Використання цього комплекту дозволить вам ознайомитися з Flux UI у поєднанні з Livewire і Laravel, а преміум-версія надасть розширені UI-компоненти для створення інтерфейсів з Livewire. Преміум-версія Flux 2.0 має варіанти купівлі для окремих проектів, безлімітні та бізнес-ліцензії.

Оберіть одну з тем Flux UI або створіть свою
Оберіть одну з тем Flux UI або створіть свою
Компонент для вибору діапазону дат
Компонент для вибору діапазону дат

# Основні особливості

  • Легкий вибірник дат і календар: Доступний компонент вибору дат і календар, створений з нуля.
  • Лінійні та площинні графіки: Спеціально розроблені компоненти графіків, які є легкими та налаштовуваними.
  • Повна підтримка Tailwind 4: Tailwind 4, що дозволяє розробникам використовувати найновіші можливості CSS-фреймворку utility-first.
  • Безкоштовна версія з основними UI-компонентами: Безкоштовна версія, яка надає доступ до основних UI-компонентів. Flux доступний у Laravel Livewire стартовому комплекті.
  • І ще багато іншого...

# Дізнайтеся більше

Додаткову інформацію про Flux 2.0 ви можете знайти на офіційному сайті, що містить документацію, демо та інше. Якщо хочете спробувати Flux, почніть зі стартового комплекту Laravel Livewire, щоб швидко ознайомитися з його використанням. Демонстраційні версії Flux 2.0 доступні для користувачів, які створюють обліковий запис. Документація з установки допоможе вам встановити Flux у вашому Laravel проекті, включаючи всі налаштування та використання компонентів.

Популярні

Інше, що варто прочитати

11 Оновлено 01 червня, 2026

Локальні моделі та їх скоупи в Laravel за допомогою атрибута Scope

В Laravel 12 ми отримали можливість використовувати новий підхід для визначення локальних скоупів у моделях Eloquent. Дізнайтеся, як новий атрибут #[Scope] спрощує цей процес і зберігає ваші назви методів незмінними

17 Оновлено 01 червня, 2026

Налаштування Xdebug з Docker та PHP 8.4 всього за одну хвилину

Встановлення Xdebug може бути складним завданням, але в цій статті ми розкриємо, як швидко та просто налаштувати його за допомогою Docker на прикладі Laravel. Дочитайте до кінця, щоб дізнатися, як за кілька хвилин зробити Xdebug вашим надійним помічником у розробці

12 Оновлено 01 червня, 2026

Удосконалюйте свої проєкти Laravel за допомогою справжнього штучного інтелекту для кодування з Laravel Boost!

Готові підняти свій робочий процес у Laravel на новий рівень? У цій статті я розгляну Laravel Boost, інноваційний AI-допомічник для програмування, який зробить вашу розробку швидшою та продуктивнішою