Войти
Песочница
Песочница · 14 китов

Вайб-блоки

Когда не хватает идей и визуала: каталог UI-китов с превью-логикой OriginKit / 21st.dev. Выбери сценарий → скопируй бриф → отдай агенту.

Сценарии — начни отсюда

Не листай 14 китов. Выбери задачу — получи набор ссылок и готовый бриф для агента.

Семьи китов
Найдено: 14
БазаБесплатно

shadcn/ui must-have

Стандарт copy-paste UI. То, что агенты знают лучше всего.

CLI / registryMCPДокументация
Открыть
АнимацияFree + Pro

OriginKit must-have

Анимированные блоки + MCP и AI Prompt для агента.

MCPCopy promptCLI / registry
Открыть
ЛендингFree + Pro

21st.dev must-have

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

Copy promptCLI / registry
Открыть
АнимацияFree + Pro

Magic UI

Анимированный компаньон shadcn: marquee, shimmer, particles.

CLI / registryДокументация
Открыть
АнимацияFree + Pro

Aceternity UI

Вау-секции лендингов: aurora, 3D cards, timelines, bento.

CLI / registryCopy promptДокументация
Открыть
АнимацияFree + Pro

Cult UI

Анимации + блоки + AI SDK agent patterns.

CLI / registryДокументация
Открыть
АнимацияБесплатно

Motion Primitives

Аккуратные motion-примитивы без тяжёлого «вау-шума».

ДокументацияCLI / registry
Открыть
ЛендингFree + Pro

Shadcn Blocks

Тысячи готовых секций: hero, pricing, dashboard blocks.

CLI / registryДокументация
Открыть
ЛендингFree + Pro

Tailark

Маркетинговые блоки на shadcn с упором на конверсию.

CLI / registryДокументация
Открыть
БазаБесплатно

Kibo UI

Сложные блоки поверх shadcn: code, upload, compare, patterns.

CLI / registryMCPДокументация
Открыть
СистемаFree + Pro

Untitled UI

Крупная дизайн+код система: Figma, React, MCP, AGENT.md.

MCPДокументация
Открыть
СистемаБесплатно

Fragments UI

Agent-first дизайн-система: MCP tools + metadata у компонентов.

MCPДокументация
Открыть
AI UIБесплатно

VLLNT UI

313 React-компонентов для AI-приложений + JSON registry для агентов.

MCPДокументация
Открыть
AI UIБесплатно

prompt-kit

Готовые куски chat UI: messages, markdown, code, stream.

ДокументацияCLI / registry
Открыть

Не смешивай всё сразу

  • Один фундамент (обычно shadcn) + один источник секций + максимум один «вау»-кит.
  • Сначала структура страницы, потом анимации.
  • Для «на чём анимировать» смотри Креативную библиотеку.

Как пользоваться

  1. Выбери сценарий («Лендинг за вечер», «Вау-анимации»…).
  2. Открой 1–2 карточки китов — когда брать / не брать.
  3. Скопируй промпт или бриф сценария → вставь в Cursor / Claude Code.
  4. Инструменты анимации (GSAP, Three…) — в Креативной библиотеке.

Центр продукта — /resheniya. Этот раздел — слой «какой блок и какой промпт».