Animatie die je kunt aanraken
Interactieve, state-driven motion, gebouwd in Rive en geleverd in je product. Geen videobestanden, geen Lottie-loops: animatie die reageert op input, data en state.
Waarom interactief wint van playback
Video speelt af naar de gebruiker. Rive-animatie speelt met ze mee.
- State machines reageren op input. Hover, klik, sleep, scroll: de animatie vertakt op wat de gebruiker doet, niet op een vaste tijdlijn.
- Runtime data bindings. Koppel getallen, tekst en kleuren aan live productdata. Een voortgangsring die echte voortgang toont, geen loop die doet alsof.
- Piepkleine bestanden. Een .riv-bestand is vector-based en compact, vaak kilobytes waar video megabytes kost. Het reist mee in je bundle en blijft scherp op elke resolutie.
- Eén artboard, elk platform. Hetzelfde bestand draait op web, iOS en Android via officiële runtimes. Eén keer ontwerpen, overal shippen, geen re-exports.
Wat we maken
Van één micro-interactie tot een volledig animatiesysteem.
Geanimeerde UI-componenten
Buttons, toggles, loaders en empty states met echte feedback. Kleine momenten die een interface levend maken.
Gamification-animatiepacks
Stempels, streaks, level-ups en vieringsmomenten. De beloningslaag die voortgang verdiend laat voelen.
Interactieve infographics
Dataverhalen waar lezers aan kunnen zitten. Hover states, scrubbing en live waarden in plaats van een statische grafiek.
Mascottes en brand-momenten
Characters en herkenbare motion die je product een gezicht geven. Gerigd met bones, aangestuurd door state.
Rive UI kits
Een bibliotheek van herbruikbare geanimeerde componenten, benoemd, geversioneerd en gedocumenteerd, zodat je team consistente motion shipt.
Iets anders in gedachten?
Als het te tekenen is, is het te riggen. Vertel ons welke interactie je wilt en wij bouwen het artboard, de state machine en de integratie.
Zie het draaien
Een kijkje in de Rive-editor: artboards, state machines en de motion die ze aansturen.
Hoe we werken
Van idee naar geshipte motion, meestal in korte cycli.
- 1Concept en storyboard. We bepalen het moment, de trigger en elke state waarin de animatie kan zijn, voordat er iets beweegt.
- 2Ontwerpen in Rive. Vector-artwork en motion, direct gebouwd in de Rive-editor. Wat je reviewt is het echte productiebestand.
- 3De state machine riggen. Inputs, transities en blend states die gebruikersacties koppelen aan motion. Hier wordt playback gedrag.
- 4Integreren in React of jouw stack. We sluiten de runtime aan op je app: React, native mobile of wat je ook shipt. Inclusief data bindings.
- 5Engagement meten. We volgen hoe het moment presteert en stellen timing, triggers en beloningen bij op basis van echt gebruik.
Rive of Lottie?
Lottie is prima voor decoratieve loops uit After Effects. Rive wint zodra je interactiviteit nodig hebt: state machines, data bindings en runtime-controle vanuit code. We hebben beide formaten uitgebreid vergeleken, inclusief bestandsgroottes, workflows en wanneer welk formaat de juiste keuze is.
Lees de volledige vergelijkingVeelgestelde vragen
Klaar om het leuk te maken?
Wij ontwerpen de streaks, beloningen en animaties die nieuwe gebruikers vaste gebruikers maken. Plan een gesprek en zie de engine achter deze site.
