Framer Motion
Декларативный UI-motion — stagger, layout, gestures, переходы страниц.
Web Motion Starter
Красивый motion — готов к продакшену
Next.js, Framer Motion, GSAP ScrollTrigger, Lenis и shadcn UI — с импортом анимаций из Figma.
Всёдлясложныхинтерфейсов
Собирайте лендинг из примитивов, а не из разовых анимаций в каждом файле.
GSAP ScrollTrigger
Pin-секции, scrub-таймлайны, scroll-parallax.
Lenis + Base UI
Плавный скролл с GSAP; доступные dialog, sheet, tabs.
Дизайн-токены
Общие duration и easing в CSS и TypeScript.
Figma pipeline
get_design_context + get_motion_context по node id.
Готов к production
Strict TypeScript, ESLint, секции, дружелюбные к static export.
Простыетарифы
Бесплатный starter для форка. Платные тарифы — через оплату Stripe при настроенном env.
Старт Бесплатно Motion-примитивы и demo-секции для форка. | Про $29/мес Figma MCP и shadcn UI блоки. | Команда $99/мес Мульти-страничные сайты с ChatPRD. | |
|---|---|---|---|
| Framer + GSAP | Included | Not included | Not included |
| Lenis scroll | Included | Not included | Not included |
| 6 шаблонов секций | Included | Not included | Not included |
| Импорт motion context | Not included | Included | Not included |
| Dialog, sheet, tabs | Not included | Included | Not included |
| Scroll pin-истории | Not included | Included | Not included |
| Приоритетные паттерны | Not included | Included | Not included |
| PRD → код | Not included | Not included | Included |
| Кастомные design tokens | Not included | Not included | Included |
| Правила команды | Not included | Not included | Included |
Частыевопросы
Framer Motion — для UI и layout; GSAP ScrollTrigger — для scroll-таймлайнов и pin-секций; Lenis — для плавного скролла. Стартер уже связывает их вместе.
Готовы к вашему Figma-файлу
Вставьте URL дизайна в чат — motion, layout и компоненты попадут в этот стек с тем же easing и timing.