Секции лендинга · 21st-dev

21st.dev

Огромный каталог: Copy prompt → вставь в Cursor / Claude / v0.

Free + ProReact · Tailwind · shadcn-конвенцииCopy promptCLI / registry

Use with AI

Скопируй промпт и отдай агенту. Он соберёт решение в твоём стеке — с опорой на этот кит.

Возьми компонент/секцию с 21st.dev как референс.
Сайт: https://21st.dev
Карточка: https://proektmap.ru/sandbox/vibe-blocks/21st-dev

Я вставлю ниже Copy prompt / название компонента.
Пересобери его в моём Next.js + Tailwind проекте:
- сохрани композицию и motion-идею;
- подгони цвета/шрифты под мой бренд;
- код в репозитории (copy-paste), без лишних зависимостей;
- mobile-first, без decor-only карточек.

Когда брать

·Нужно быстро найти визуальный референс и отдать агенту промпт
·Хочешь community-компоненты разных авторов
·Работаешь в Cursor / Claude Code / Lovable

Когда не брать

·Нужна единая строгая дизайн-система одного автора
·Боишься визуального шума и «сборной солянки»

Сильные стороны

·У каждого компонента — Copy prompt
·Живые превью + shadcn CLI
·Шаблоны и темы, не только атомы

Ограничения

·Качество разное — смотри автора и превью
·Легко смешать 5 эстетик на одной странице
·Часть контента платная

Типичные блоки / примеры

Hero sectionsBento gridsShaders / gradientsFull templates

С чем сочетается

shadcn/uiAceternityMagic UI

Альтернативы

Shadcn BlocksMagic UIOriginKit

Из России

Каталог открывается из РФ обычно без проблем; оплата Pro — зарубежная карта/сервисы.