7 ресурсов для UI-компонентов, анимаций и MCP, которые помогают делать сайты без AI-slop. Показываю, где брать готовые интерфейсные блоки, scroll-эффекты, графики и визуальные референсы, а затем адаптировать их через Codex, Claude или другого AI-агента.
В ролике: Coconut UI, Magic UI, Anime.js, Motion, Bkit UI, 21st.dev и Motion Sites. Не копируйте чужие решения один в один: берите механику, адаптируйте под задачу и собирайте свой визуальный язык.
Таймкоды:
00:00 8 ресурсов для сайтов без AI-slop
00:12 Koconut UI — готовые UI-компоненты
01:00 Magic UI — эффекты, курсоры и текстовые анимации
02:16 Anime.js — scroll-эффекты и код анимаций
02:53 Motion.dev — компоненты, анимации и AI-инструменты
03:43 Bkit UI — дашборды и графики
04:53 21st.dev — UI-библиотека и MCP для AI-агента
06:16 Motion Sites — визуальные референсы и идеи
07:09 Где забрать все ссылки
Все ссылки на сервисы в моем ТГ:
@etokapnin
Если ролик оказался полезным, напиши в комментариях, какой ресурс забираешь первым: UI-компоненты, анимации, графики или MCP.
В ролике: Coconut UI, Magic UI, Anime.js, Motion, Bkit UI, 21st.dev и Motion Sites. Не копируйте чужие решения один в один: берите механику, адаптируйте под задачу и собирайте свой визуальный язык.
Таймкоды:
00:00 8 ресурсов для сайтов без AI-slop
00:12 Koconut UI — готовые UI-компоненты
01:00 Magic UI — эффекты, курсоры и текстовые анимации
02:16 Anime.js — scroll-эффекты и код анимаций
02:53 Motion.dev — компоненты, анимации и AI-инструменты
03:43 Bkit UI — дашборды и графики
04:53 21st.dev — UI-библиотека и MCP для AI-агента
06:16 Motion Sites — визуальные референсы и идеи
07:09 Где забрать все ссылки
Все ссылки на сервисы в моем ТГ:
@etokapnin
Если ролик оказался полезным, напиши в комментариях, какой ресурс забираешь первым: UI-компоненты, анимации, графики или MCP.
- Категория
- AI инструменты
Комментариев нет.
