ProfilBlöcke
Profil- und Einstellungsseiten des Accounts. Fertige React-UI-Blöcke im neobrutalistischen Stil — Heroes, Pricing, Auth, Dashboards und mehr. Schau sie dir in jeder Bildschirmgröße an, kopiere den Code oder installiere sie über deinen AI-Agenten und unseren MCP-Server. Läuft mit Radix UI, Base UI und React Aria.
- Heroes, Preise & Auth
- Vorschau in jeder Breakpoint
- Code kopieren
- MCP-Installation bereit
- Radix · Base UI · React Aria
- 158 fertige Blöcke
- Page-Sections die shippen
- Dashboards & Marketing
- Pro schaltet den Code frei
- Layouts zum Einsetzen
Jeden Layout erkunden
Profil
9 Blöcke — öffne eine beliebige Karte für eine Vollbildvorschau, den Code und Installationsschritte.
- 01Pro
Profilseite Kontoeinstellungen
Die eigene Profilansicht: Über-mich- und Skills-Panels, ein Aktivitäts-Feed und beschriftete Einstellungs-Switches. React und Tailwind: Switches verbinden.
- 02Pro
Developer-Profil-Dashboard
Ein Jahr Beiträge als 52-Wochen-Heatmap dargestellt, über Kompetenz-Balken und einem Aktivitäts-Feed. React und Tailwind: eigene Commit-Daten einspeisen.
- 03Pro
Profilkarte mit Diagonal-Cover
Diagonal geschnittenes Cover-Bild, ein quadratischer Avatar schiebt sich durch den Schnitt, darunter drei Kennzahlen. React und Tailwind.
- 04Pro
Mitarbeiter-Stammdatenkarte
Führt mit der Jobbezeichnung statt dem Namen, Vertragsdetails auf gefülltem Panel über vier Kennzahl-Kacheln. React und Tailwind.
- 05Pro
Portfolio-Profil-Hero
Hero für den Seitenanfang: übergroßer, zweizeiliger Name, Hire-me-Buttons und Porträt in voller Höhe. React und Tailwind: eigenes Foto einsetzen.
- 06Pro
Social-Links-Profilkarte
Vier quadratische Icon-Links unter einem in Markenfarbe umrandeten Porträt auf einer zweifarbigen Karte. React und Tailwind: eigene Accounts verlinken.
- 07Pro
Social-Profil-Headerkarte
Gemustertes Titelbild-Banner, ein Avatar bricht hervor, dazu Follow-Button und Follower-Zahlen. React und Tailwind: auf eine Profilroute setzen.
- 08Pro
Sterne-Profilkarte
Vier-von-fünf-Sterne-Reihe, gesteuert von einer Zahl, auf markenfarbiger Karte mit Bio und drei Kennzahlen. React und Tailwind: rating-Konstante anpassen.
- 09Pro
Breite Portrait-Profilkarte
Querformat-Karte, deren Porträt mit dem Text mitwächst: Rolle, drei Kennzahlen, Follow und Connect. React und Tailwind: im Team-Grid kacheln.