Profilbloki
Ekrany profilu konta i ustawień. Gotowe bloki UI React w neobrutalistycznym stylu — hero, pricing, auth, dashboards i więcej. Podejrzyj je na każdym rozmiarze ekranu, skopiuj kod albo zainstaluj przez agenta AI i nasz serwer MCP. Działają z Radix UI, Base UI i React Aria.
- Hero, cenniki i auth
- Podgląd każdego punktu przerwania
- Skopiuj kod źródłowy
- MCP gotowy do instalacji
- Radix · Base UI · React Aria
- 158 gotowe bloki
- Sekcje strony, które są dostarczane
- Panele kontrolne i marketing
- Pro odblokowuje kod
- Układy typu „drop-in”
Przejrzyj każdy układ
Profil
9 bloków — otwórz dowolną kartę, aby uzyskać pełny podgląd, kod i kroki instalacji.
- 01Pro
Strona ustawień konta
Widok własnego profilu po zalogowaniu: panele o mnie i umiejętności, oś aktywności i przełączniki ustawień. React i Tailwind: podłącz przełączniki.
- 02Pro
Pulpit profilu programisty
Rok wkładu jako 52-tygodniowa mapa cieplna, nad paskami biegłości i osią ostatniej aktywności. React i Tailwind: podaj własne dane commitów.
- 03Pro
Karta profilu z ukośną okładką
Zdjęcie okładki jest przecięte pod kątem, a kwadratowy awatar wysuwa się przez cięcie, nad trzema licznikami. React i Tailwind: podmień grafikę okładki.
- 04Pro
Karta akt pracownika
Zaczyna od stanowiska, nie imienia, z danymi umowy na panelu nad czterema kafelkami metryk. React i Tailwind: zbuduj katalog pracowników.
- 05Pro
Hero profilu portfolio
Hero otwierający stronę z ogromnym dwuwierszowym imieniem, przyciskami kontaktowymi i portretem na pełną wysokość. React i Tailwind: podmień zdjęcie.
- 06Pro
Karta profilu z linkami
Cztery kwadratowe ikony linków pod portretem w żółtej obwódce, na dwukolorowej karcie. React i Tailwind: podmień je na własne konta.
- 07Pro
Nagłówek profilu społecznego
Baner okładki z wzorem i okrągłym avatarem wystającym poza jego krawędź, przycisk Obserwuj i liczba obserwujących. React i Tailwind: dodaj do profilu.
- 08Pro
Karta profilu z oceną
Rząd czterech z pięciu gwiazdek napędzany jedną liczbą, na karcie w kolorze marki z bio i trzema licznikami. React i Tailwind: edytuj stałą oceny.
- 09Pro
Szeroka karta profilu
Pozioma karta, której wysoki portret rośnie razem z tekstem obok: rola, trzy metryki, Follow i Connect. React i Tailwind: ułóż w siatce zespołu.