Case · Website en webshop

Component Blocks

Een webshop met 35 geanimeerde blokken voor marketingpagina’s, gemaakt voor shadcn/ui en Tailwind 4. Elk blok draait live op de site, je stelt het bij in de browser en kopieert één bestand.

Van
Eigen product
Onze rol
Ontwerp en bouw
Prijs
€3 per blok, €19 voor alles
Status
Live

De site

Wat de sitedoet.

Vier dingen, elk met het echte scherm van de site.

01Live

Elk blok draait echt

Geen plaatjes of filmpjes. Elk voorbeeld op de site is het blok zelf, dat beweegt en op je muis reageert.

componentblocks.com
Vier blokken die live draaien op de homepage van componentblocks.com

02Studio

Bijstellen voor je kopieert

Elk blok heeft een eigen studio. Je draait aan schuiven en keuzes, ziet het voorbeeld meteen meebewegen, bekijkt de code of de mobiele versie en kopieert één bestand.

componentblocks.com/blocks/hero-text-mask
De studio van het blok Text mask met de schuif voor de snelheid

03Installeren

Ook met één commando

Blokken gaan ook via de shadcn CLI een project in, en AI-codeertools kunnen ze zelf installeren. Drie blokken zijn gratis, de rest vraagt eerst om een aankoop.

componentblocks.com/install
De pagina van componentblocks.com over installeren met de shadcn CLI

04Kopen

Eén blok of alles

Eén blok kost €3, alle blokken samen €19, allebei eenmalig. Na de betaling via Stripe mailt de site zelf een downloadlink.

componentblocks.com
De prijzen op componentblocks.com, €3 per blok en €19 voor het pakket

Onze rol

Wat wijdeden.

  1. 01Het merk, het logo en het ontwerp van de site
  2. 0235 blokken, elk met eigen beweging in één bestand
  3. 03Een studio om elk blok live bij te stellen
  4. 04Verkoop via Stripe, levering per mail en installeren via de shadcn CLI

Techniek

Hoe hetgebouwd is.

Rustig als je dat vraagt

Elk blok houdt zich aan prefers-reduced-motion, de instelling waarmee iemand op zijn apparaat om minder beweging vraagt.

Eén bestand per blok

Een blok is één bestand dat je in een shadcn/ui-project plakt. Er komt geen nieuw design system bij om te leren.

Code pas na betaling

De code van een betaald blok staat op geen enkele openbare pagina. Hij komt alleen mee met een ondertekende downloadlink na de aankoop.

Gebouwd metNext.js 16/React 19/Tailwind CSS 4/Framer Motion/Lenis/Stripe/Resend/PostHog/Vercel

Status

Live op componentblocks.com.

35 blokken, €19 voor alles.

Ook een websitelaten maken?