Codearia Академия

React Bits

171 анимированный React-компонент: фоны на шейдерах, текстовые эффекты, карточки и меню. Ставятся одной командой.

freemiumпроверено 2 сентября 2026
Обложка React Bits: неоновая рука с иконками React и кода, подпись «Visual components for React»

React Bits это полка с готовыми эффектами для React, разложенная по четырём разделам: Backgrounds (56), Components (45), Animations (38), Text Animations (32). На 2 сентября 2026 в бесплатной части 171 компонент, список пополняется еженедельно.

Устанавливается по модели shadcn: `npx shadcn@latest add https://reactbits.dev/r/Aurora-TS-TW` кладёт исходник компонента прямо в ваш проект, без записи в `package.json`. Хвост адреса выбирает вариант, их четыре: JavaScript или TypeScript, обычный CSS или Tailwind. Дальше файл ваш, правьте как хотите. Обратная сторона та же: обновления придётся забирать руками.

Зависимости у компонентов разные. Простые текстовые эффекты обходятся `gsap` или `motion`, а красивые фоны рисуются шейдерами через `ogl` или `three`. Для последних обязательно предусмотрите проверку WebGL и статичный запасной вид: контекст не создаётся на машинах без аппаратного ускорения, в виртуалках и при исчерпанном лимите контекстов на вкладку, а выглядит это как пустое место вместо фона.

Есть MCP-режим: реестр прописывается в `components.json`, после чего Claude Code ищет и ставит компоненты сам. Лицензия MIT с оговоркой Commons Clause: использовать в своих и клиентских проектах можно, продавать саму библиотеку нельзя. Отдельно существует платный React Bits Pro с блоками страниц и шаблонами, при этом бесплатная часть не урезана. Для Vue и Svelte есть официальные порты.

Перейти на сайт

Комментарии