Перейти к содержимому

Аккордеон FAQ в две колонки

Частые вопросы · Исходник Pro

Раздел FAQ в две колонки, который держит призыв к действию рядом с ответами. Стартовая колонка содержит заголовок, короткую поясняющую строку и кнопку View all FAQs; конечная колонка складывает четыре раскрывающиеся строки, у каждой — круглый бейдж-шеврон, переворачивающийся при открытии. Строки — это нативные элементы details, поэтому каждый ответ присутствует в исходном коде страницы даже в свёрнутом виде, а весь раздел рендерится без какого-либо клиентского JavaScript.

Открыть живой превьюПолучить Neobrutalism Pro
Частые вопросы
Neobrutalist two column FAQ section for React and Tailwind CSS: a Support badge, a Frequently asked questions heading and a yellow View all FAQs button on the left, and on the right four bordered white question rows with round yellow chevron buttons, the first row expanded to show its answer.
Аккордеон FAQ в две колонки
  • Hero, цены и auth
  • Предварительный просмотр каждой точки останова
  • Скопировать исходный текст
  • MCP готово к установке
  • Radix · Base UI · React Aria
  • 158 готовые блоки
  • Доставляемые разделы страницы
  • Информационные панели и маркетинг
  • Pro разблокирует код
  • Схемы с возможностью подключения без предварительной настройки
ПревьюБесплатноОткройте на весь экран и переключайте брейкпоинт или тему.КодProОдин автономный файл TSX. Скопируйте, владейте.УстановкаProОдна команда CLI shadcn — или подсказка для агента в Claude Code, Cursor и любом MCP-клиенте.

Построено с

Плюс lucide-react иконки и Tailwind CSS — никаких других зависимостей.

Ещё Частые вопросы макетов (9)

Показать все

https://neobrutalism.com/ru/blocks/faq/two-column-faq-accordion

Любят разработчики, дизайнеры
и креаторы

  • Наткнулся на ваш UI-кит и сразу забрал. Новый, активно поддерживается и постоянно улучшается — отличная работа! 🤘

    Ziv Reich, Разработчик ПО

  • Просто хочу сказать: neobrutalism.com — отличная работа. Правда нравится. С дизайном у меня беда, так что это просто спасение. Поставил на свой личный сайт.

    Paul Bratslavsky, Автор канала Coding With Paul

  • Наконец-то пересобрал свой личный сайт на Neobrutalism.com — весёлая библиотека, очень легко стартовать!

    Cameron Blackwood, Контент-креатор

  • Neobrutalism.com — одна из моих любимых библиотек UI-компонентов в ретро-стиле: компоненты, которые реально можно ship’ить.

    Zhengyang Hou, Индихакер

  • одна из моих любимых ui-библиотек для веба. классная работа, Ариф. Надеюсь, у проекта всё сложится по-крупному.

    Taseen Tanvir, Основатель и дизайнер

  • Попробовал Neobrutalism.com Pro — UI-кит, который не похож на всё остальное. Необруталистские блоки 🔥 ускорили прототипы странных макетов.

    Nitesh Padghan, Гострайтер

  • Красивый дизайн лендинга с идеальным балансом и ритмом. Цветовая палитра вместе с анимациями создаёт исключительный пользовательский опыт.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Я по-настоящему впечатлён дизайном, который они сдали. Итоговый продукт совпал с тем, что я себе представлял.

    Desmond, Сооснователь @ VectorlabsVentures

  • Как владелец агентства я обычно трачу недели на доводку макетов лендингов для клиентов. С Neobrutalism.com я подключаю шаблон, правя copy — и готов к релизу.

    Duke Opoku Amankwah, Основатель @ Midas

  • Шаблоны не только визуально сильные, но и невероятно хорошо структурированы. Сэкономили нам недели разработки.

    Abiola Braimah, Разработчик @ Studio IX

  • Выдающееся качество и внимание к деталям. Адаптивный дизайн безупречно работает на всех устройствах.

    Acromond X., Сооснователь @ VectorlabsVentures

  • Интеграция этих шаблонов в наш workflow заметно сократила цикл разработки. Отличная работа.

    Raquib S., Backend-разработчик

  • Эти шаблоны стали нашим основным ресурсом. Код чистый, хорошо документирован и легко кастомизируется.

    Hallic M., Разработчик @ AtlasLabs

  • Шаблоны Neobrutalism.com находят идеальный баланс между эстетикой и функциональностью. Настоящий game-changer для наших проектов.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Отличная поддержка и шаблоны премиум-качества. ROI этих шаблонов феноменален.

    Kevin K., CEO @ WebCraft

  • Шаблоны Neobrutalism.com полностью изменили наш подход к клиентским проектам. Качество кода исключительное, а дизайны — действительно world-class.

    Danny G., Основатель DevStack

  • Я пользовался многими библиотеками шаблонов, но Neobrutalism.com выделяется вниманием к оптимизации производительности и чистой архитектуре кода.

    Ian D., CTO в Wavelength

  • Анимации и микроинтеракции в этих шаблонах абсолютно потрясающие. Лучшая инвестиция для нашей design-команды.

    Ben S., Lead Designer в PixelPerfect

  • Как нетехнический основатель, шаблоны Neobrutalism.com помогли нам запустить MVP в рекордные сроки без компромиссов по качеству дизайна. Наши инвесторы были в восторге.

    Matthew I., Основатель стартапа

  • Мне нравится, насколько модульны и хорошо документированы эти компоненты. Мы без трения смешиваем куски из разных шаблонов.

    Garrett P., Frontend Lead в TechFusion

  • ROI шаблонов Neobrutalism.com невероятен. Мы резко сократили время разработки и при этом отдаём клиентам сайты более высокого качества.

    Xavier C., Владелец агентства

Часто задаваемые
вопросы

Как собран блок Аккордеон FAQ в две колонки, что вы можете изменить и когда его использовать вместо других макетов.

Проблема с доступом к блоку? Напишите нам по электронной почте[email protected]
Get Pro — Save 33%--:--:--