Если вы видите это, значит, я еще не придумал, что написать.
Привет!
Меня всегда бесило в веб-разработке то, что каждый новый проект — это создание компонентов с нуля. Кнопочка, инпут, модалка, уведомления… И так бесконечно.
После очередного проекта, где я в тысячный раз писал <button class="px-4 py-2 bg-neutral-500...">, понял — хватит! Пора сделать что-то, что избавит меня (и вас) от этой рутины.
Так родился UmbraUI — мой первый пакет в принципе и по совместительству пакет UI компонентов для Laravel.
Просто устал каждый раз гуглить “accessibility для чекбоксов” и “почему у меня модалка не закрывается по Escape”…
Хотелось сделать библиотеку, которую я сам буду использовать в своих проектах. Без десятка зависимостей, без необходимости изучать новый фреймворк. Просто — поставил, написал <x-button>, и оно работает как надо.
Никакого раздувания. Взял самые ходовые компоненты из своих проектов и сделал их нормально. Кнопки, формы, карточки, табы — то, что используешь в 90% случаев.
Всё на Tailwind CSS, вдохновлялся shadcn/ui и другими крутыми библиотеками. Но адаптировал под реалии Laravel-разработки.
Никаких дополнительных зависимостей, сложных сборок или конфликтов. Чистые Blade компоненты, которые работают как родные Laravel элементы.
Потому что в 2025 году не поддерживать dark mode — это как не поддерживать мобильные устройства.
20+ компонентов, которые покрывают 95% потребностей:
Формы: Button, Input, Textarea, Select, Checkbox, Radio, Switch, Slider, Date Picker, Label, Field (с валидацией) и т. п.
UI элементы: Alert, Badge, Avatar, Card, Tabs, Accordion, Modal, Dropdown, Link и т. п.
Специальное: Table (с сортировкой), Toast (система уведомлений), Progress
Иконки: 5000 кастомизируемых иконок от Tabler icons
composer require ihxnnxs/umbra-ui
Для JS-функций (toast’ы и т. д.):
php artisan vendor:publish --tag=umbra-ui-assets
Сейчас пакет в активной разработке, но уже вполне рабочий. Планирую добавить:
А самое главное — после стабильного релиза перепишу свои сайты на UmbraUI. Я считаю, что это будет лучшей проверкой того, насколько пакет действительно удобен в реальной работе. Если я сам не буду им пользоваться — значит, что-то делаю не так.
Пакет на GitHub: https://github.com/ihxnnxs/UmbraUI
Если пакет зайдёт — ставьте звёздочку на GitHub ⭐ Это реально мотивирует продолжать развитие проекта.
{message}