Przejdź do treści

Wykres pierścieniowy statystyk

Statystyki · Kod źródłowy Pro

Sekcja statystyk zbudowana wokół jednego wykresu zamiast rzędu liczb. Pierścień z jednym wynikiem satysfakcji siedzi na środku, otoczony dwiema kolumnami kart metryk, które przechodzą na przemian z powierzchni wypełnionej na zwykłą, więc wzrok stale wraca do centrum. Kolumny mają nierówne wysokości kart — trzy części do dwóch — więc układ pozostaje asymetryczny zamiast osiadać w siatce, a całość zwija się w czytelny stos na telefonie.

Otwórz podgląd na żywoUzyskaj Neobrutalism Pro
Statystyki
Neobrutalist stats section for React and Tailwind CSS: a Our Numbers badge and heading above a three-column layout, with black and white bordered metric cards showing 32M transactions, 34 percent growth, 99 percent satisfaction and 125+ specialists flanking a central card holding a yellow donut chart with 72% written in its hole.
Wykres pierścieniowy statystyk
  • 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”
PodglądBezpłatnieOtwórz na pełnym ekranie i przełączaj punkt przerwania lub motyw.KodProJeden samowystarczalny plik TSX. Skopiuj, posiadaj.InstalacjaProJedno polecenie CLI shadcn — albo monit dla agenta w Claude Code, Cursorze lub dowolnym kliencie MCP.

Zbudowane przy użyciu

Plus ikony lucide-react i Tailwind CSS — brak innych zależności czasu wykonywania.

Więcej Statystyki układów (8)

Pokaż wszystkie

https://neobrutalism.com/pl/blocks/stats/donut-chart-stats-dashboard

Uwielbiane przez deweloperów, projektantów
i twórców

  • Natknąłem się na twój UI kit i od razu go wziąłem. Projekt nowy, aktywnie rozwijany i wciąż ulepszany — kawał dobrej roboty! 🤘

    Ziv Reich, Programista

  • Chciałem tylko powiedzieć: świetna robota z neobrutalism.com. Naprawdę mi się podoba. Jestem beznadziejny w projektowaniu, więc to był strzał w dziesiątkę. Użyłem tego na swojej prywatnej stronie.

    Paul Bratslavsky, Twórca Coding With Paul

  • W końcu przebudowałem swoją prywatną stronę z Neobrutalism.com — fajna biblioteka, super łatwy start!

    Cameron Blackwood, Twórca treści

  • Neobrutalism.com to jedna z moich ulubionych bibliotek komponentów UI w stylu retro — komponenty, które naprawdę się shipuje.

    Zhengyang Hou, Indie hacker

  • jedna z moich ulubionych bibliotek ui do weba. świetna robota — oby projekt szedł coraz dalej.

    Taseen Tanvir, Założyciel i projektant

  • Właśnie wypróbowałem Neobrutalism.com Pro — UI kit, który nie wygląda jak wszystko inne. Neobrutalistyczne bloki 🔥 przyspieszyły prototypowanie dziwnych układów.

    Nitesh Padghan, Ghostwriter

  • Piękny design landing page z idealną równowagą i flow. Paleta kolorów w połączeniu z animacjami tworzy wyjątkowe doświadczenie użytkownika.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Jestem naprawdę pod wrażeniem designu, który dostarczyli. Finalny produkt dokładnie odpowiadał temu, co sobie wyobrażałem.

    Desmond, Współzałożyciel @ VectorlabsVentures

  • Jako właściciel agencji zwykle spędzam tygodnie na dopracowywaniu layoutów landingów dla klientów. Z Neobrutalism.com wkładam szablon, poprawiam copy i jestem gotowy do publikacji.

    Duke Opoku Amankwah, Założyciel @ Midas

  • Szablony nie tylko wyglądają rewelacyjnie — są też niesamowicie dobrze ustrukturyzowane. Oszczędziły nam tygodnie pracy deweloperskiej.

    Abiola Braimah, Developer @ Studio IX

  • Wybitna jakość i dbałość o detale. Responsywny design działa bez zarzutu na wszystkich urządzeniach.

    Acromond X., Współzałożyciel @ VectorlabsVentures

  • Włączenie tych szablonów do naszego workflow znacząco skróciło cykl rozwoju. Świetna robota.

    Raquib S., Backend developer

  • Te szablony stały się naszym podstawowym źródłem. Kod jest czysty, dobrze udokumentowany i łatwy do dostosowania.

    Hallic M., Developer @ AtlasLabs

  • Szablony Neobrutalism.com trafiają w idealną równowagę między estetyką a funkcjonalnością. Prawdziwy game-changer dla naszych projektów.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Wybitne wsparcie i szablony premium. ROI tych szablonów jest fenomenalne.

    Kevin K., CEO @ WebCraft

  • Szablony Neobrutalism.com całkowicie zmieniły sposób, w jaki podchodzimy do projektów klientów. Jakość kodu jest wyjątkowa, a designy naprawdę world-class.

    Danny G., Założyciel DevStack

  • Korzystałem z wielu bibliotek szablonów, ale Neobrutalism.com wyróżnia się dbałością o optymalizację wydajności i czystą architekturę kodu.

    Ian D., CTO w Wavelength

  • Animacje i mikrointerakcje w tych szablonach są absolutnie oszałamiające. Najlepsza inwestycja dla naszego zespołu designu.

    Ben S., Lead Designer w PixelPerfect

  • Jako nietechniczny founder, szablony Neobrutalism.com pomogły nam uruchomić MVP w rekordowym czasie bez kompromisów w jakości designu. Nasi inwestorzy byli zachwyceni.

    Matthew I., Założyciel startupu

  • Doceniam, jak modularne i dobrze udokumentowane są te komponenty. Bez tarcia mieszamy elementy z różnych szablonów.

    Garrett P., Frontend Lead w TechFusion

  • ROI szablonów Neobrutalism.com jest niesamowite. Dramatycznie skróciliśmy czas developmentu, dostarczając klientom strony wyższej jakości.

    Xavier C., Właściciel agencji

Najczęściej zadawane
pytania

Jak zbudowany jest blok Wykres pierścieniowy statystyk, co można zmienić i kiedy go używać zamiast innych układów tutaj.

Problem z dostępem? Prosimy o kontakt mailowy[email protected]
Get Pro — Save 33%--:--:--