Cardsblokken
Veelzijdige kaartindelingen voor uiteenlopende inhoud. Kant-en-klare React UI-blokken met een neobrutalistische look — heroes, pricing, auth, dashboards en meer. Bekijk ze op elk schermformaat, kopieer de code of installeer via je AI-agent en onze MCP-server. Werkt met Radix UI, Base UI en React Aria.
- Hero's, prijzen & auth
- Elk breekpunt vooraf bekijken
- Kopieer de brontekst
- MCP klaar voor installatie
- Radix · Base UI · React Aria
- 158 kant-en-klare blokken
- Paginadelen die worden geleverd
- Dashboards en marketing
- Pro ontgrendelt de code
- Drop-in-indelingen
Bekijk elk ontwerp
Cards
15 blokken — open een willekeurige kaart voor een volledig schermvoorbeeld, de code en installatiesstappen.
- 01Pro
Compacte feedbackkaart
Drie vragen in dertig seconden: een e-mailveld, vijf sterren met hover-voorbeeld, één opmerkingenvak. React en Tailwind, post naar je eigen endpoint.
- 02Pro
Contact- en beoordelingskaart
Vier contactvelden met pictogrammen vóór de beoordeling, die als score in woorden verschijnt van Matig tot Uitstekend. React en Tailwind.
- 03Pro
Countdown-couponkaart
Een live klok met uren, minuten en seconden loopt onder een couponillustratie en een gedraaide aanbiedingssticker. React en Tailwind. Stel de einddatum in.
- 04Pro
Cursuskaart met docent
Begint met een codesymboolpaneel in plaats van een foto, gevolgd door een lijnbalk met cijfers en een docentregel boven Enrol now. React en Tailwind.
- 05Pro
Cursuskaart met prijsbadge
Een prijsbadge overspant de naad tussen coverfoto en tekst, boven drie statistieken in vierkante icoontegels. React en Tailwind. Prijs het en publiceer.
- 06Pro
Uitgebreide enquêtekaart
Twee getitelde secties verzamelen naam en e-mail, twee keuzelijsten, een tevredenheidsschuif van 0 tot 5, een sterscore en opmerkingen. React en Tailwind.
- 07Pro
Kortingsactiekaart
Een gedraaide sticker van 40 procent verankert de tekst-helft, terwijl een fotopaneel over de volle hoogte de andere helft vult. React en Tailwind.
- 08Pro
Emoji-beoordelingskaart
Vijf emoji-gezichten werken als radiotegels van Zeer slecht tot Geweldig, boven een optioneel opmerkingenveld dat aftelt vanaf 240. React en Tailwind.
- 09Pro
Omgekeerde profielkaart
Omgekeerd inktoppervlak dat steeds het tegenovergestelde van de pagina blijft: vierkant portret, bio, aanmelddatum, hashtags, mailknop. React en Tailwind.
- 10Pro
Nieuwsbriefkaart
Een omrande illustratiebanner boven een display-grote kop NEWSLETTER en één samengevoegd e-mail- en aanmeldveld. React en Tailwind. Koppel je lijst.
- 11Pro
Productkaart met aantalregelaar
Een min-en-plus-regelaar die elke wijziging aankondigt, naast de doorgestreepte prijs, boven add to cart. React en Tailwind. Koppel hem aan je winkelmand.
- 12Pro
Profielkaart met coverbanner
Een vierkante avatar hangt half over de coverband met een online-stip, naast een volgknop, bio en vaardigheidstags. React en Tailwind. In een teamraster.
- 13Pro
Gesplitste nieuwsbriefkaart
Verdeeld 45 tot 55: een illustratiepaneel aan één kant, een gelabeld e-mailveld en volle-breedte-abonnement aan de andere. React en Tailwind.
- 14Pro
Abonnementsoverzichtskaart
Certificaatbadge boven vier afgevinkte licentietoewijzingen en een gevuld paneel met het bedrag en de eerstvolgende factuurdatum. React en Tailwind.
- 15Pro
Brede nieuwsbriefkaart
Helft tekst, helft posterbeeld dat vol tot de kaartrand loopt, met een inline e-mailveld onder een onderstreepte kicker. React en Tailwind.