Bloki funkcjibloki
Pokaż funkcje i zalety swojego produktu. 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
Bloki funkcji
11 bloków — otwórz dowolną kartę, aby uzyskać pełny podgląd, kod i kroki instalacji.
- 01Pro
Asymetryczne karty funkcji
Dwie krótkie karty obok jednej wysokiej karty z jedynym wezwaniem do działania, pod nagłówkiem i plakietką ikony. React i Tailwind — trzy funkcje.
- 02Pro
Siatka usług bento
Panele bento biegnące od krawędzi do krawędzi, gdzie linie tworzą układ, każdy z własnym kolorem, tekstem i przyciskiem. React i Tailwind — opisz usługi.
- 03Pro
Rząd usług z obramowaniem
Bez karty i bez wypełnienia: trzy komórki z liniami, których okrągłe kafelki ikon spłaszczają się przy najechaniu. React i Tailwind — cicho, na dół strony.
- 04Pro
Wyśrodkowana karta statystyk
Jeden wyśrodkowany panel na pełnowidokowym pasie koloru, z plakietką ikony, hasłem, trzema kartami statystyk i przyciskiem. React i Tailwind — na oddech.
- 05Pro
Sekcja funkcji z podglądem kodu
Dowód w terminalu: trzy funkcje na liście obok logu wdrożenia i dwóch kafelków uptime na przesuniętym bloku. React i Tailwind — wklej własny output.
- 06Pro
Trio kart funkcji z ikoną
Trzy równorzędne karty na tonowanym pasku, każda z okrągłą ikoną i obróconym kwadratem w rogu. React i Tailwind — zmień kolor każdej pary powierzchni.
- 07Pro
Pasek funkcji z metrykami
Dwuliniowe hasło obok czterech kart metryk w siatce 2×2 na kontrastowym pasku, bez elementów klikalnych. React i Tailwind — wstaw między sekcje.
- 08Pro
Lista funkcji aplikacji mobilnej
Makieta telefonu obok trzech korzyści zapisanych jako efekty, nagłówek z przesuniętym cieniem i dwa wezwania do działania. React i Tailwind — nowa makieta.
- 09Pro
Siatka funkcji z telefonem
Cztery karty otaczające wyśrodkowaną makietę telefonu, każda z przyciskiem na całą szerokość, ozdoby na przekątnej. React i Tailwind — liczba parzysta.
- 10Pro
Nakładające się karty funkcji
Rzędy ikon budujące argument na pełnowymiarowym kolorowym pasku, a obok kolaż nakładających się kart z dowodami. React i Tailwind — umieść pod hero.
- 11Pro
Siatka kart funkcji z tagami
Sześć kart, każda jako pojedynczy link, otagowana kategorią, zamknięta paskiem stopki ze strzałką przesuwającą się po najechaniu. React i Tailwind.