Cinematic 3D-effecten die met je meekijken

• 01Met e-mailMeekijkende 3D-robotEen echte 3D-robot die zijn hoofd naar je muis draait, knippert en om zich heen kijkt als je stilzit.Volgt je muis · React + three.js
• 02Met e-mailUil die met je meekijktEen uil in SVG die zijn kop draait en zijn ogen laat volgen. Gelaagde parallax geeft het een 3D-gevoel zonder 3D-library.Volgt je muis · React + Tailwind
• 03GratisKnop met ogenEen knop met twee ogen die je cursor volgen. Kom je in de buurt, dan worden ze groot; klik je, dan knijpen ze dicht.Volgt je muis · React + Tailwind
• 04Met e-mailDraaiend hoofd uit framesDe techniek achter de figuren die met je meekijken: een reeks frames die je met de muis doorspoelt, met crossfade tussen de frames.Volgt je muis · React + Tailwind
• 05GratisDeeltjesbolEen draaiende bol van honderden lichtpuntjes. Sleep hem rond; puntjes bij je cursor lichten op en wijken uit.Slepen · React + Tailwind
• 06Met e-mailVloeiend kleurverloopEen levende achtergrond op de GPU: kleuren die traag door elkaar vloeien en buigen rond je cursor. Zonder library, in pure WebGL.Volgt je muis · React + Tailwind
• 07GratisZaklamp-revealEen donkere hero waarin je cursor een zaklamp is. Waar je schijnt, verschijnt een kleurrijke scène en een verborgen boodschap.Volgt je muis · React + Tailwind
• 08Met e-mailCinematic diepte-heroEen filmisch landschap in lagen: bergen, mist, zon en vogels die elk anders meebewegen met je muis. Diepte zonder 3D-model.Volgt je muis · React + Tailwind
• 09Met e-mailScherpstellende tekstEen grote zin waarvan de woorden één voor één scherp worden terwijl je scrolt, alsof een camera scherpstelt.Scrollen · React + Tailwind
• 10Met e-mailGloeiende ringknopEen knop met een lichtrand die altijd naar je cursor wijst en je knop een beetje naar je toe trekt.Volgt je muis · React + Tailwind

Zo zet je er een op je eigen site

1. 01

   Kies en speel.

   Alle effecten hierboven zijn echt: beweeg je muis, sleep en scroll. Kies wat bij je pagina past.

2. 02

   Open het in je AI-tool.

   Eén klik opent de prompt in Claude, ChatGPT, Gemini of Copilot, of start hem in Claude Code of Codex. Opslaan als bestand kan ook.

3. 03

   Maak het van jou.

   Laat je AI je eigen figuur, kleuren en tekst erin zetten. Voor een meekijkend personage: maak een korte AI-video waarin het van links naar rechts kijkt en knip die in frames.