Stageshow | UI-illustraties en animatie

Maak een statische illustratie of geanimeerde React-demo voor een hero, functiekaart, documentatie of bento-raster. Beschrijf je product, scène, stijl en plaatsing.

Voorbeeld

Bekijk de interactieve demo

Wissel tussen drie vooraf gemaakte scènes en speel ze opnieuw af. De site genereert geen nieuwe ontwerpen en test de Capafy-runtime niet.

De GIF toont een fictieve lanceringschecklist, aangepast van een herschikvoorbeeld en opgenomen in React. Het is geen Capafy-runtime-test.

Inbegrepen

React/CSS-kit, voorbeelden, ontwerprichtlijnen, repetitietools en aanpasbare broncode.

Zo vraag je het: voorbeelden

Noem het product, de plaatsing, interactie of stilstaand beeld, stijl en gewenste uitvoer.

1. Maak een React-hero waarin een taak wordt voltooid en de teller stijgt.
2. Maak een deelkaart met een e-mailuitnodiging en keuze voor bewerkingsrechten.
3. Maak een fictieve omzetgrafiek waarvan datum en waarde met de cursor veranderen.
4. Ontwerp een bento-raster met taken, opmerkingen en meldingen.
5. Toon een mobiele fitness-app waarin een workoutkaart de details opent.
6. Illustreer een webhookverzoek en antwoord in blauwdrukstijl.

Vereisten en beperkingen

De meegeleverde preview vereist een geschikte omgeving en Node.js 20.19 of hoger. Resultaten hangen af van runtime en projecttoegang. Het zijn vormgegeven illustraties, geen browserautomatisering. Controleer de rechten van afbeeldingen en merken van derden.

De meegeleverde app-iconen en merk-SVG’s zijn vervangen door neutrale placeholders. Lever zo nodig correct gelicentieerde assets aan.