Недавно увидел библиотеку React Bits и решил, что это находка для тех, кто хочет оживить свои проекты :) Нашим специалистам послал...
Больше 90 компонентов с анимациями, текстами, фонами и всем таким, и коллекция растет каждую неделю. Все это бесплатно, с минимальными зависимостями, и каждый компонент можно кастомизировать... плюс есть четыре варианта на выбор: чистый JS с CSS, JS с Tailwind, TypeScript с CSS или TypeScript с Tailwind.
У библиотеки уже 19 тысяч звезд на GitHub, 758 форков и 38 контрибьюторов, а лицензия MIT с Commons Clause позволяет использовать все без проблем.
Русский ИТ бизнес
Русский ИТ бизнес 👨
Подписаться
Комментарии (0)
React позволяет строить компоненты без классов и стилей на чистых пропах. В попытке запилить 100+ ui разновидностей блоков увидел, что mantine – избыточен, shadcn – избыточен… жрут ресурсы, отбирают у пользователя оперативную память, долго грузятся на старых устройствах и в сетях 2G, 3G (реалии рф)
Вообще, весь этот ui/ux по сути сетка + прямоугольники в разных вариациях. Например, один универсальный блок фабрика SplitSection может дать несколько десятков двухколоночных блоков, а tailwind неограниченные возможности по дизайну
И зачем тогда все эти сложные style=, js to css и другие штуки, если есть просто .класс { apply: bg-background … и tailwind скомпилирует чистый w3c css код автоматически
Для себя решил так: делаю очень небольшой набор 8 - 10 компонентов и пару блоков фабрик и всё. На выходе, с помощью конфигов получу сотни и тысячи вариантов блоков, прототипов и шаблонов, включая красоту анимаций, подсветки и градиентов поверх уровнем.
Вот и всё — Ноу-хау :)
Вообще, фронтенд – зло. Вёрстка – добро. Имхо