mediasimpel.
Blender bezit de vorm, de browser het gedragIn test

Orbitale Werkplaats

Een eigen kinetische 3D-sculptuur als complete hero: reproduceerbaar gebouwd in Blender, vers als GLB geïmporteerd en in Three.js bestuurbaar met drag, klik, toetsen en pauze. Mobiel, reduced motion en WebGL-uitval krijgen een echte poster in dezelfde compositie.

BlenderGLBThree.jsDrag + klikToegankelijke fallbackBekijk op /labs/blender-web

Orbitale Werkplaats

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
Portfolio als 3D-galerijIn test

Eindeloze tunnel

Een witte koker met een dun grid die nooit ophoudt, met onze websites op alle vier de vlakken: muren, vloer en plafond. Scroll om vooruit te lopen. Klik een beeld aan en de camera vliegt er frontaal naartoe, met wie het is en wat erin zit — daarna ga je erin of weer terug de koker in. De koker is niet lang maar rond: tweeënveertig beelden recyclen achter je rug om, dus je kunt eindeloos doorlopen zonder dat het geheugen oploopt.

Three.jsWebGL2GridshaderCamerafocusEindeloos recyclenTweede optie op /werk

Eindeloze tunnel

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
Live scrollbare telefoonsIn productie

Portfoliowand

De standaardweergave van /werk: rijen telefoons waarin de echte websites live worden geladen. Pagina's zijn direct scrollbaar en interactief op elk apparaat.

Live previewScrollbaarDrag-to-scrollStandaard op /werk

Portfoliowand

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
Zwevende panelenIn productie

3D-studio reel

Onze eerste 3D-slider: de voorbeelden komen als zwevende panelen door een witte studio, het middelste paneel draait recht naar je toe. Sleep door de reel of gebruik de pijlen.

Three.jsSchaduwkaartAutoplay bij rustOp /diensten/website

3D-studio reel

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits Grid ArchitectureExperiment

Magic Bento Grid

Een dynamisch bento-grid met interactieve spotlight-effecten, muis-georiënteerde omgevingsbelichting, hover-diepte en responsieve tegelindeling voor statistieken en MediaSimpel features.

ReactBitsMagic BentoSpotlight FXGrid ArchitectureTailwind 4

Magic Bento Grid

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits 3D TiltExperiment

3D Perspective Cards

Zwevende showcase-kaarten die in 3D perspectief reageren op de muispositie, inclusief dynamische glare-reflecties, diepte-lagen en project-badges.

ReactBitsTilted Card3D PerspectiveGlare ReflectionMouse Tracking

3D Perspective Cards

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits ToolbarExperiment

Magnification Dock

Een interactieve MacOS-geïnspireerde actiebalk met soepele vergroting gebaseerd op afstand tot de muis, tooltips en directe navigatie tussen MediaSimpel-diensten.

ReactBitsMagnification DockSmooth PhysicsTooltipsQuick Actions

Magnification Dock

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits Ambient LightingExperiment

Spotlight Glow Grid

Een raster met omgevingslicht dat exact meebeweegt met de muis en subtiele blauwe rand-oplichting geeft bij hover op MediaSimpel garanties en features.

ReactBitsSpotlight CardRadial GradientsAmbient LightCard Matrix

Spotlight Glow Grid

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits Retro FXExperiment

Pixel Matrix Cards

Digitale pixel-matrix effecten die bij hover uiteenvallen en geanimeerde canvas-deeltjes tonen bovenop technische specificaties.

ReactBitsPixel CardHTML5 CanvasRetro MatrixParticle Grid

Pixel Matrix Cards

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits Parallax MenuExperiment

Kinetic Flowing Showcase

Vloeiend navigatie- en showcasepaneel met een zwevende preview-afbeelding die met een soepele traagheid de cursor volgt bij het hoveren over categorieën.

ReactBitsFlowing MenuImage ParallaxCursor FollowKinetic Motion

Kinetic Flowing Showcase

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits Physics NavigationExperiment

Fluid Gooey Nav

Geanimeerde vloeibare blob-indicator die soepel tussen tabbladen glijdt en het aanbod in de proeftuin filtert op sector.

ReactBitsGooey NavFluid FilterLiquid IndicatorInteractive Tabs

Fluid Gooey Nav

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits Particle PhysicsExperiment

Particle Decay Cards

Kaarten die bij muisovergang energetische deeltjes loslaten en een energetische verval-animatie activeren met live performance benchmark cijfers.

ReactBitsDecay CardParticle PhysicsMicro-AnimationsLive Benchmarks

Particle Decay Cards

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits Stepper GuideExperiment

Workflow Process Stepper

Geanimeerde stappenkiezer met soepele voortgangslijn die het MediaSimpel proces van intake, AI-beeldgeneratie en oplevering transparant in beeld brengt.

ReactBitsStepperProgress WorkflowInteractive TimelineStep-by-Step

Workflow Process Stepper

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits Background MatrixExperiment

10 ReactBits Achtergrond Animatie Bento

Tien verschillende dynamische achtergrond-animaties (Aurora mesh, Neon Beams, Constellation particles, Fluid ripples, Pixelated matrix, Liquid sine, Proximity dots, Nebula smoke, Circular noise, Cyber Starfield) gepresenteerd in een Bento Grid met afgeronde kaarten.

ReactBitsAuroraParticlesRipplesMatrixBeamsBento Grid

10 ReactBits Achtergrond Animatie Bento

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
ReactBits WebGL ButtonExperiment

Specular Button

WebGL-gestuurde knoppen met speculaire lichtreflecties die in real-time reageren op de muispositie. OGL-shader tekent een afgeronde rand met een dynamisch glanzend punt dat de cursor volgt — in zes stijlvarianten van subtiel tot premium.

ReactBitsOGLWebGLSpecular HighlightInteractive Button

Specular Button

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
Spline 3D Timeline EngineExperiment

Spline 3D Bouncing Ball

Een geanimeerde 3D-scène gemaakt met Spline's nieuwste Timeline keyframe tool. Bevat squash-en-stretch fysica, custom easing curven en 360° camera orbit integratie in WebGL.

Spline 3DTimeline EngineKeyframesSquash & StretchWebGL Orbit

Spline 3D Bouncing Ball

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
Three.js Particle Scroll DepthExperiment

Retro Pixel Matrix 3D

Een ruimtelijke Three.js instanced pixel-matrix van meer dan 20.000 afzonderlijke 3D-kubussen die hun kleurenpalet ontlenen aan retro Ibiza posters. Terwijl je scrolt beweegt de camera dieper het veld in en transformeren de pixels van platte compositie tot 3D-diepte.

Three.jsInstancedMeshGSAP ScrollIbiza RetroPixel MatrixBekijk op /labs/pixel-matrix

Retro Pixel Matrix 3D

Klik om deze interactieve module te laden. Voorkomt onnodig GPU- & geheugengebruik.

Start Live WebGL Demo
Three.js Volumetric GPU Flow FieldIn test

Advanced Organic Particle Wave 3D

Een hoogwaardig 3D deeltjessysteem met meer dan 200.000 deeltjes aangedreven door custom GLSL Shaders en 3D Simplex noise flow fields. Schakel tussen morphing presets (zoals de organische monochrome zijden golf uit de video, Quantum Vortex, Galaxy Spiral, Cyber Matrix en DNA Helix), pas kleuren-esthetiek en muis krachten aan in real-time.

Three.jsGLSL ShadersSimplex Noise200k ParticlesGPU Flow FieldMorph PresetsBekijk op /labs/particle-wave

Advanced Volumetric Particles

Three.js GLSL

GPU Simplex Flow Field • 120,000 Particles • 60 FPS

Wave Amplitude16
Turbulence Scale0.9
Particle Point Size3.5
Glow Intensity1.5
Offerte
Weten wat het kost?
Vraag vrijblijvend een offerte aan
Klantenservice
Heb je hulp nodig?
Vind antwoord op al je vragen
Pakketten
Alles in één keer geregeld?
Bekijk de pakketten