Карткиблоки
Універсальні картки під різні типи контенту. Готові UI-блоки на React у стилі необруталізму — hero, pricing, auth, dashboards та інше. Дивіться прев’ю на будь-якому екрані, копіюйте код або ставте через AI-агента та наш MCP-сервер. Працюють з Radix UI, Base UI і React Aria.
- Hero, ціни та auth
- Перегляд кожної точки зупину
- Скопіювати вихідний код
- MCP готовий до встановлення
- Radix · Base UI · React Aria
- 158 готові блоки
- Розділи сторінки, що відправляються
- Інформаційні панелі та маркетинг
- Pro розблоковує код
- Компоновки з можливістю вільного розміщення
Переглядайте кожен макет
Картки
15 блоків — відкрийте будь-яку карточку для повноекранного прев'ю, коду та кроків установки.
- 01Pro
Компактна форма відгуку
Три питання за тридцять секунд: поле email, ряд із п'яти зірок з попереднім переглядом на ховер, одне поле коментаря. React і Tailwind.
- 02Pro
Картка форми контакту й оцінки
Чотири поля контакту з іконками перед рейтингом, оцінка словами від «Погано» до «Чудово». React і Tailwind. Додайте до своєї CRM.
- 03Pro
Картка купона з таймером
Живий годинник годин, хвилин і секунд під ілюстрацією купона та повернутим стікером пропозиції. React і Tailwind. Задайте дату й запускайте.
- 04Pro
Картка курсу з викладачем
Відкривається панеллю з іконкою коду замість фото, далі лінійована смуга статистики й рядок викладача над Enrol now. React і Tailwind.
- 05Pro
Картка курсу з бейджем ціни
Бейдж ціни перекриває шов між фото обкладинки й текстом, над трьома показниками в плитках з іконками. React і Tailwind. Задайте ціну й публікуйте.
- 06Pro
Картка детального опитування
Дві секції з заголовками збирають ім'я, email, два селекти, повзунок задоволеності 0-5, зіркову оцінку й коментар. React і Tailwind.
- 07Pro
Картка промо-знижки
Повернутий стікер 40 percent закріплює текстову половину, поки фотографія на всю висоту заповнює іншу. React і Tailwind. Змініть число й запускайте.
- 08Pro
Картка оцінки емодзі
П'ять облич-емодзі як радіо-плитки від «Дуже погано» до «Дуже сподобалось», над необов'язковим полем коментаря з лічильником від 240. React і Tailwind.
- 09Pro
Інвертована картка профілю
Інвертована чорнильна поверхня, завжди протилежна сторінці: квадратний портрет, біо, дата приєднання, хештеги, кнопка пошти. React і Tailwind.
- 10Pro
Картка підписки на розсилку
Обведений банер-ілюстрація над великим заголовком NEWSLETTER та об'єднаним полем email і кнопкою підписки. React і Tailwind.
- 11Pro
Картка товару зі степером кількості
Степер мінус-плюс, що оголошує кожну зміну, стоїть поряд із перекресленою ціною над кнопкою додавання в кошик. React і Tailwind.
- 12Pro
Картка профілю з банером
Квадратний аватар звисає з обкладинки з індикатором онлайну поряд із кнопкою підписки, біографією й тегами навичок. React і Tailwind.
- 13Pro
Розділена картка розсилки
Розподіл 45 до 55: панель з ілюстрацією з одного боку, підписане поле email і кнопка на всю ширину з іншого. React і Tailwind.
- 14Pro
Картка підсумку підписки
Бейдж сертифіката над чотирма позначеними виділеннями місць і панеллю із сумою та датою наступного платежу. React і Tailwind. Для чекауту.
- 15Pro
Широка картка розсилки
Половина — текст, половина — постер на весь край картки, поле email під підкресленим написом. React і Tailwind. Збирайте підписників.