Об этом проекте

Transitions.dev предоставляет интерактивную библиотеку из более чем 40 разработанных CSS-переходов — от простых изменений размеров карточек и замен текста до сложных пружинных анимаций и бейджей уведомлений. Каждый переход спроектирован как переносимый, используя семантические CSS-переменные и пространства имён классов, которые можно добавить в любой проект без конфликтов с существующими стилями. Ключевые возможности: - CSS-библиотека: подборка паттернов взаимодействия с готовыми к копированию фрагментами. - Интеграция через CLI: используйте `npx transitions-dev add`, чтобы добавить нужные переходы прямо в ваш код. - Навык для ИИ-агентов: устанавливается как навык, позволяя ИИ-ассистентам (например, Cursor или Claude Code) применять эти переходы к вашим компонентам. - Инструмент Refine: сопутствующий CLI, который внедряет в работающее приложение живую временную шкалу и панель управления, позволяя настраивать параметры анимации или заменять существующие CSS-переходы на стандартные токены библиотеки с помощью ИИ-подсказок. - Удобство для разработчиков: включает систему сборки, которая поддерживает синхронизацию библиотеки, CLI и ИИ-навыков с демонстрационным сайтом.