Motionkit

29 UI-componenten met animatie. Kopieer en plak.

Pure HTML en CSS, geen framework. Beweeg eroverheen om ze te zien bewegen.

Zo bouw je dit zelf

Plak de prompt hiernaast in Claude of ChatGPT. Je krijgt een componentenbibliotheek als één HTML-bestand, met filters en kopieerknoppen.
Voeg je eigen componenten toe als objecten met naam, type, HTML en CSS. Hou alle CSS-klassen uniek met een eigen prefix.
Zet het gratis online via Cloudflare Pages en deel het in onze Discord onder Projecten.

Alles erbij

Motionkit Pro
  • 60+ componenten, ook als React- en Vue-varianten
  • Volledige paginasecties: hero's, pricing, testimonials, footers
  • Video-course: micro-interacties ontwerpen en met Claude bouwen

Alles wat hier staat mag je zo in je project plakken, ook betaald werk. Pro is voor als je meer wilt dan losse stukjes: hele secties en de React- en Vue-versies. Betalen met Stripe of PayPal.