🙂 Привет Друзья. Недавно мы писали пост о просто кладезе анимаций на React.
Для тех, кто не понял, насколько это просто мега супер полезная штука. Зайдите на сайт еще раз. И посмотрите сколько там всего 😱
➡️ Там вам и анимации текста и фоны и фракталы и компоненты. Сотни анимаций. Бесплатно, с возможностью настройки эффекта прямо на сайте и выгрузке кода без регистраций и смс.
Красиво, кастомно, современно. Но... Причем тут React спросите вы?
🎯 Если ты верстаешь на Taptop (то правильно делаешь), ты понимаешь конечно:
React-библиотеки “из коробки” туда не прикрутить.
🔧 Просто потому что:
– Taptop не поддерживают React-рендер
– это не полноценная среда разработки
– а React всё-таки фреймворк, ему нужен свой рантайм
👀 Но обойдемся без сложных слов. Сейчас всё покажем.
🛠 Как использовать reactbits-анимации у себя:
Заходишь на reactbits.dev
Крутишь эффекты, выбираешь нужное, настраиваешь прямо на сайте.
Копируешь полученный код
😜 Дальше идешь в любую ИИ (DeepSeek, Kimi - работают из СНГ)
Пишешь простой промт:
"Сделай, чтобы это работало на Webflow" или просто: "Переведи на чистый HTML/CSS/JS"
(да в ИИ пишем именно WebFlow, потому что они порой не знают что такое Taptop, а зря)
и грузишь весь код с сайта reactbits.dev вместе с промтом 😎
🔥 Всё. У тебя чистая рабочая версия без React, которую можно вставлять в Taptop и вообще хоть куда, но лучше в Taptop.
➡️Мы протестили - всё работает как надо (cсылка).
Делайте красиво ❤️
Post #63
189
- 🔥 11
- ❤ 2
- 👍 2