REVYME : concevoir un site visuellement sans abandonner le code
📌 REVYME est un constructeur de sites open source qui combine canvas visuel, CMS, animations et export vers un véritable projet Next.js que vous pouvez lire, modifier et déployer.
Vous partez d’une page blanche, placez un cadre, ajustez une grille, testez une transition, puis vous voulez que le résultat reste exploitable par un développeur. C’est précisément le passage que Revyme cherche à simplifier. L’éditeur se présente comme un canvas infini où vous concevez une page avec un contrôle précis, sans confiner le projet à un fichier propriétaire ou à une exportation opaque.
L’usage est d’abord visuel. Vous glissez, redimensionnez et composez des éléments directement sur la page. Les composants peuvent devenir réutilisables, avec des variantes pour les états par défaut, hover ou ouverture. Les interactions se branchent sur des clics, des survols et le défilement. Pour le responsive, les ajustements desktop, tablette et mobile se font dans le même environnement, avec des breakpoints personnalisés et de vrais overrides CSS plutôt qu’une approximation du rendu.
Le canvas sert aussi à organiser ce qui vient après la maquette. Le CMS propose des collections typées, des listes filtrées ou triées, de la pagination et des pages de détail sur des routes dynamiques. Vous liez un champ à un élément en le désignant visuellement. La localisation suit la même logique : ajouter une langue, traduire en ligne, puis gérer les contenus, les URLs et les métadonnées SEO associées, avec la prise en charge du RTL.
Même approche pour le mouvement. Revyme expose des ressorts, des courbes d’easing, des transformations liées au scroll et des effets de texte, avec une prévisualisation en direct. Je trouve cette continuité entre composition, contenu et motion plus intéressante qu’un simple constructeur de blocs : elle rapproche le travail du designer du comportement final, sans demander de coder chaque intention pour la tester.
La promesse décisive se trouve sous le canvas. Chaque modification écrit une source réelle. Le panneau de code montre un projet Next.js ordinaire, avec app/, components/ et cms/. Vous pouvez l’ouvrir, le remettre à un développeur, le déployer sur Vercel, Netlify ou votre propre serveur, puis continuer sans Revyme. Le dépôt précise qu’en mode local, le projet sauvegarde automatiquement dans localStorage, sans compte, backend ni réseau requis.
Le produit vise aussi le travail en équipe : curseurs en direct, commentaires intégrés et mises à jour instantanées sur un même canvas. Côté publication, Revyme propose son cloud ou un hébergement sur vos propres serveurs. Côté automatisation, l’intégration MCP permet de connecter Claude, Cursor ou un autre client compatible pour créer des pages, modifier des composants et gérer du contenu depuis l’éditeur.
Points clés
- 🖼️ Canvas infini pour composer des pages au pixel près
- 🧩 Composants, variantes, responsive et breakpoints personnalisés
- 🗂️ CMS typé, routes dynamiques, pagination et contenus multilingues
- ✨ Animations, ressorts et effets de texte prévisualisés visuellement
- 💻 Export continu vers un projet Next.js lisible et déployable
La nuance à garder en tête est la licence : le dépôt est publié sous AGPL-3.0, avec une obligation de préserver les notices et des conséquences spécifiques pour un service modifié proposé sur un réseau. Le self-hosting est bien prévu, mais il ne supprime pas cette contrainte juridique. Pour un designer qui veut éviter le choix entre un outil visuel fermé et une maquette sans suite, Revyme propose une voie cohérente : dessiner comme dans un builder, conserver le code et décider ensuite où le site vivra.
Sources
