Профільблоки
Екрани профілю та налаштувань акаунта. Готові UI-блоки на React у стилі необруталізму — hero, pricing, auth, dashboards та інше. Дивіться прев’ю на будь-якому екрані, копіюйте код або ставте через AI-агента та наш MCP-сервер. Працюють з Radix UI, Base UI і React Aria.
- Hero, ціни та auth
- Перегляд кожної точки зупину
- Скопіювати вихідний код
- MCP готовий до встановлення
- Radix · Base UI · React Aria
- 158 готові блоки
- Розділи сторінки, що відправляються
- Інформаційні панелі та маркетинг
- Pro розблоковує код
- Компоновки з можливістю вільного розміщення
Переглядайте кожен макет
Профіль
9 блоків — відкрийте будь-яку карточку для повноекранного прев'ю, коду та кроків установки.
- 01Pro
Профіль у налаштуваннях акаунта
Власний профіль очима авторизованого користувача: панелі «Про себе» й навичок, стрічка активності та підписані перемикачі. React і Tailwind.
- 02Pro
Дашборд профілю розробника
Рік внесків у вигляді теплової карти на 52 тижні, над смугами навичок і стрічкою активності. React і Tailwind: підставте власні дані комітів.
- 03Pro
Картка профілю з діагональною обкладинкою
Обкладинку зрізано під кутом, а квадратний аватар пробивається крізь розріз над трьома лічильниками. React і Tailwind: підставте власну ілюстрацію.
- 04Pro
Облікова картка працівника
Спершу посада, а не ім'я: умови працевлаштування на заповненій панелі над чотирма плитками метрик. React і Tailwind: зберіть довідник команди.
- 05Pro
Hero профілю портфоліо
Hero на початку сторінки: величезне ім'я у два рядки, кнопки найму й портрет на всю висоту. React і Tailwind: поставте власне фото в кінцеву колонку.
- 06Pro
Картка профілю із соцпосиланнями
Головне тут — чотири квадратні іконки-посилання під портретом у кільці бренду на двотонній картці. React і Tailwind: наведіть їх на власні акаунти.
- 07Pro
Картка-шапка соціального профілю
Візерунковий банер, круглий аватар, що виступає з нього, кнопка Follow і лічильники підписників. React і Tailwind: ставте на маршрут профілю.
- 08Pro
Картка профілю з рейтингом
Чотири зірки з п'яти, керовані одним числом, на картці кольору бренду з біо та трьома лічильниками. React і Tailwind: змініть константу рейтингу.
- 09Pro
Широка картка профілю з портретом
Горизонтальна картка, у якій високий портрет росте разом із текстом поруч: роль, три метрики, Follow і Connect. React і Tailwind — для сітки команди.