Modern Site Starter
Сайт с душой, собранный за часы, а не недели.
Next.js 15 + Tailwind 4 + shadcn/ui + Motion. Скелет копируется в любой проект и адаптируется под свой токен-сет. Это эталонная страница — посмотри исходник app/page.tsx и README перед стартом.
Три столпа современного веба
Управление (компоненты с accessibility из коробки), движение (motion, уважающее prefers-reduced-motion), типографика (tokens через один globals.css).
shadcn/ui
Accessible компоненты на Radix. Копируются в проект — ты владеешь исходниками, без version-lock.
Motion + GSAP + Lenis
Reveal, stagger, scroll-driven, magnetic buttons, smooth scroll. Respect prefers-reduced-motion.
Tailwind 4 tokens
Один globals.css. Цвета, типографика, радиусы, motion easings — всё в CSS custom properties.
Scroll-driven reveal без GSAP
Картинка раскрывается от рамки к full-bleed по мере скролла. Эффект живёт в components/sections/StickyReveal.tsx — используй Motion-only, без GSAP для простых случаев. Замени изображение в app/page.tsx.
Готов собрать свой проект?
Копируй папку в <project>/assets/site_modern/, адаптируй токены под visual_system.md и запускай dev-сервер.