1 звезда на GitHub = 1 новый компонент.

Поставить звезду
51 Секций · 13 Категорий

Секции страниц

Полноразмерные секции страниц: главные экраны, бенто-сетки, тарифы, отзывы, призывы к действию и FAQ.

Главные экраны

Hero Gradient

Эффектный главный экран с анимированными световыми сферами и акцентными кнопками.

herogradientanimated
Главные экраны

Hero Split

Классический сплит-экран: убедительный текст с кнопками слева и графический блок справа.

herosplitbrowser-mockup
Главные экраны

Hero Glass

Главный экран с центральной стеклянной панелью, градиентным текстом и кнопками действий.

heroglassmorphismanimated-orbs
Возможности & Бенто

Feature Bento Grid

Бенто-сетка функций продукта с разноразмерными блоками и современными визуальными эффектами.

featuresbentogrid
Возможности & Бенто

Feature Timeline Flow

Пошаговый процесс работы продукта в виде таймлайна с иллюстрациями каждого этапа.

featurestimelineworkflow
Тарифные планы

Pricing Comparison Matrix

Подробная таблица сравнения тарифов с поэтапным перечнем возможностей каждого плана.

pricingmatrixcomparison
Тарифные планы

Pricing Tier Cards

Секция из трех тарифных карточек с переключателем периода оплаты и отметкой хита продаж.

pricingcardstiers
Отзывы и доверие

Testimonial Wall Glass

Стена отзывов с карточками из матового стекла, рейтингом звездочек и мнениями пользователей.

testimonialssocial-proofreviews
Призывы к действию (CTA)

CTA Glow Banner

Контрастный призыв к действию (CTA) с неоновым свечением, формой подписки и кнопками.

ctabannerconversion
Призывы к действию (CTA)

CTA App Download

Секция загрузки мобильного приложения с мокапом смартфона и кнопками магазинов приложений.

ctamobileapp-store
Вопросы и ответы (FAQ)

FAQ Accordion Section

Секция частых вопросов (FAQ) с плавным аккордеоном и блоком обращения в службу поддержки.

faqaccordionquestions
Метрики и статистика

Stats Metric Showcase

Блок ключевых показателей с крупными цифрами, светящимися иконками и описаниями.

statsmetricskpi
Команда и авторы

Team Grid Section

Секция представления команды с карточками участников, ролями и социальными сетями.

teampeopleleadership
Контакты и поддержка

Contact Glass Form

Секция контактов с формой на стеклянной панели, интерактивными полями и каналами связи.

contactformsupport
Отзывы и доверие

Testimonial Grid Section

Бенто-сетка отзывов клиентов с рейтингами, верифицированными бейджами и цитатами.

sectionstestimonialsreviews
Логотипы партнеров

Logo Cloud Section

Секция доверия с бегущей строкой логотипов партнеров, клиентов и спонсоров проекта.

sectionslogospartners
Главные экраны

Hero Showcase Split

Двухколоночный главный экран с интерактивным макетом интерфейса и ключевыми метриками.

sectionsherolanding
Главные экраны

Hero Minimal Centered

Типографский центрированный hero с плашкой-анонсом, выделенным словом, двумя CTA и сигналами доверия.

herominimalcentered
Главные экраны

Hero Terminal

Hero для разработчиков с анимированным терминалом и командой установки с копированием.

herodeveloperterminal
Главные экраны

Hero Waitlist

Hero перед запуском с фоном «аврора», доступной формой email, валидацией и социальным доказательством.

herowaitlistform
Главные экраны

Hero Dashboard Preview

SaaS-hero с живым макетом дашборда из KPI-плиток и SVG-графика линий набора.

herosaasdashboard
Возможности & Бенто

Feature Icon Grid

Адаптивная сетка возможностей в 2–4 колонки с SVG-иконками, описаниями и доступными ссылками.

featuresgridicons
Возможности & Бенто

Feature Alternating Rows

Зигзагообразные блоки, чередующие текст и CSS-иллюстрации (график, код, токены).

featureszig-zagalternating
Возможности & Бенто

Feature Tabs Showcase

Интерактивные вкладки по паттерну WAI-ARIA с навигацией стрелками и панелями показателей.

featurestabsinteractive
Возможности & Бенто

How It Works Steps

Пронумерованные шаги процесса, соединённые линией: горизонтально на десктопе, вертикально на мобильных.

processstepshow-it-works
Возможности & Бенто

Integrations Grid

Каталог интеграций с фильтрами по категориям, монограммами и бейджами доступности.

integrationsfilterdirectory
Тарифные планы

Pricing Toggle Cards

Три тарифа с доступным переключателем месяц/год, бейджем экономии и выделенным планом.

pricingtogglemonthly-yearly
Тарифные планы

Pricing Single Plan

Единый тариф: карточка цены, зачёркнутая старая цена, список возможностей и гарантия.

pricingsingle-planlifetime
Отзывы и доверие

Testimonial Carousel

Карусель отзывов со scroll-snap, кнопками вперёд/назад, рейтингом и без автопрокрутки.

testimonialscarouselslider
Отзывы и доверие

Testimonial Featured

Блок в стиле кейса: крупная цитата, логотип компании и ключевые метрики результата.

testimonialscase-studyquote
Призывы к действию (CTA)

CTA Newsletter Section

Блок подписки на рассылку с преимуществами, полем email, валидацией и заметкой о приватности.

ctanewsletteremail
Призывы к действию (CTA)

CTA Split Image

Разделённый баннер конверсии: текст и CTA рядом с градиентным визуалом и плашками статистики.

ctasplitbanner
Метрики и статистика

Stats Counter Band

Ключевые цифры с анимацией счёта при прокрутке; реальные значения в HTML для скринридеров.

statscounternumbers
Метрики и статистика

Stats Dashboard Section

Полный аналитический блок: KPI-плитки, накопительный график областей и рейтинг в столбцах.

statsdashboardcharts
Команда и авторы

Careers Openings

Вакансии по отделам с локацией, типом занятости, удалёнкой и списком преимуществ.

careersjobshiring
Вопросы и ответы (FAQ)

FAQ Two Column

FAQ в две колонки с закреплённым вступлением и нативными аккордеонами <details> без JS.

faqaccordiondetails
Контакты и поддержка

Contact Split Map

Каналы связи и адреса офисов рядом с точечной SVG-картой и анимированными метками.

contactmapoffices
Логотипы партнеров

Logo Wall Grid

Стена логотипов клиентов с тонкими разделителями: текстовые знаки или настоящие изображения.

logoscustomerssocial-proof
Блог и контент

Blog Grid Section

Последние статьи: избранный пост и карточки с градиентными обложками, категорией и временем чтения.

blogarticlesposts
Блог и контент

Changelog Section

Таймлайн релизов с версиями, датами и изменениями «новое / улучшено / исправлено».

changelogreleasestimeline
Футеры

Footer Mega Section

Полный футер сайта: бренд, подписка, колонки ссылок, статус системы и соцсети.

footernavigationnewsletter

Редакционная шапка магазина: строка объявления, логотип по центру, мега-меню, переключатель темы и живой счётчик корзины.

headernavbarmega-menu
E-commerce

Shop Hero Editorial

Hero магазина в журнальном стиле: крупный serif-заголовок, курсивное слово, главное фото с подписью и бегущая строка.

heroecommerceeditorial

Асимметричная сетка коллекций с главной плиткой, нумерацией, количеством товаров и ссылками.

collectionsgridecommerce
E-commerce

Shop Product Rail

Карусель товаров со scroll-snap, нумерованными минималистичными карточками, стрелками и прогрессом.

carouselproductsecommerce
E-commerce

Shop Lookbook

«Купить образ»: фото с точками, открывающими карточки товаров с кнопкой «в корзину», и доступный список.

lookbookhotspotsecommerce
E-commerce

Shop Values Marquee

Полоса ценностей бренда: крупная курсивная бегущая строка и нумерованные колонки.

marqueevaluesecommerce

Отзывы покупателей крупными serif-цитатами по одной, с товаром, нумерацией и общей оценкой.

reviewstestimonialsecommerce

Крупная редакционная подписка с полем-подчёркиванием, согласием и проверкой.

newsletterformecommerce
E-commerce

Shop Category Hero

Шапка каталога: хлебные крошки, крупное название категории с количеством, описание, подкатегории и изображения.

categoryheaderecommerce