Vivlab

Création de site · Éditeur visuel

Construisez vos pages à la souris.

L'éditeur Vivlab assemble vos pages visuellement : glissez vos blocs, ajustez-les sur la canvas, et ce que vous voyez est exactement ce que verront vos visiteurs. Pas une ligne de code.

Glisser-déposer directDesktop & mobileSauvegarde automatique
⟵ Tableau de bord
🖥️📱+ Élément
Actualiser la page 🚀
Page vide
Cliquez ici pour ajouter votre première section.
Section Ordi + mobile
DispositionTexte + image
Colonnes55 / 45
EspacementLarge
AlignementCentré
Arrière-plan Blanc

L'éditeur en un coup d'œil

Trois zones, zéro friction

L'éditeur s'organise autour de trois espaces, plus un panneau de style commun et une barre de zoom en bas.

1

La barre du haut

Navigation entre pages, aperçu desktop ou mobile, ajout d'éléments, annuler/rétablir, copier le style, sauvegarde et publication.

Toujours visible, jamais masquée par les panneaux.
2

La canvas centrale

L'aperçu réel de votre page. Sélectionnez, déplacez, redimensionnez et faites pivoter vos blocs directement, à la souris.

Ce que vous voyez = le rendu publié.
3

Le panneau latéral

Contextuel : il affiche les réglages de l'élément sélectionné (contenu, lien, options) et, en bas, le panneau de style commun.

S'adapte au type sélectionné.

Interactions sur la canvas

Tout se fait directement sur la page

Pas d'aller-retour avec un formulaire : vous manipulez les blocs là où ils s'affichent, avec des repères qui vous calent au pixel près.

  • Déplacer & transférer

    Glissez un bloc dans sa section, ou au-delà, pour le transférer dans une autre section.

  • Redimensionner & pivoter

    Huit poignées pour la taille, une poignée d'angle pour la rotation, des poignées intérieures pour le padding.

  • 📐
    Repères & alignements

    Grille, lignes violettes d'alignement, traits roses de taille égale et pastilles d'espacement apparaissent pendant le geste.

  • Sélection multiple

    Tracez un rectangle ou Shift+clic pour grouper, aligner, répartir et dupliquer plusieurs blocs d'un coup.

🔒 Verrouiller Grouper Aligner Répartir Dupliquer🗑 Supprimer
Copier le style (le rouleau 🪣) duplique l'apparence d'un bloc vers un autre, en un clic.

Ajouter un élément

Une bibliothèque prête à glisser

Le bouton Élément ouvre la liste des blocs à insérer : glissez-en un sur la canvas, il arrive déjà au style de votre thème.

Texte & médias
✍️ Texte⌨️ Texte animé🖼️ Image▶️ Vidéo🔲 Logo🏞️ Parallaxe↔️ Avant/après🖼️ Galerie
Éléments & navigation
🔘 Bouton Forme📣 Réseaux sociaux🎠 Carrousel🧭 Navigation Menu déroulant📢 Barre d'annonce
Contact, e-commerce & code
📝 Formulaire🛍️ Produit en vente🔍 Barre de recherche🌍 Iframe⟨⟩ Code HTML

Le panneau de style

La mise en forme, par rubriques

Sous chaque élément, un panneau de style commun : chaque rubrique se déplie, affiche son résumé, et se réinitialise d'un clic.

🔤Style du texte

Police, taille, casse, couleur, interligne, épaisseur.

🎨Arrière-plan

Couleur unie, dégradé, image ou motif répété.

Bordure & arrondi

Style, côtés, épaisseur et coins arrondis.

🌑Ombre

Réaliste, plate ou prédéfinie, finement réglable.

📐Espacement

Marges intérieures, uniformes ou côté par côté.

📱Maquette

iPhone, MacBook, iPad, iMac autour d'une image ou vidéo.

Filtre

Opacité, luminosité, contraste, sépia, flou…

🎬Animation

Apparition à l'écran : fondu, zoom, glissement.

Enregistrer & publier

Enregistré tout seul, publié quand vous voulez

L'éditeur sauvegarde au fil de l'eau : une pastille Saving puis Saved vous le confirme. Vos changements restent invisibles tant que vous n'avez pas publié.

  • 💾
    Sauvegarde automatique

    Rien à déclencher : tout est synchronisé en continu avec le serveur.

  • 🚀
    Fenêtre de publication

    Aperçu social, URL finale et badges d'état (visible, position, mot de passe, dernière publication) avant de confirmer.

  • 🔗
    Visiter la page

    Une fois en ligne, ouvrez la version réelle dans un nouvel onglet. Rien à publier ? Le bouton affiche Page à jour.

Publier la pageConfirmer
Aperçu social · 1200 × 630
votresite.com / accueil
Accueil · La boutique faite main
● Visible🏠 Page d'accueilPubliée il y a 2 j

La barre de navigation a été modifiée : elle sera aussi mise à jour.

Construisez votre page à la souris ?

Lancez-vous gratuitement : glissez vos blocs, ajustez tout sur la canvas et publiez en un clic. Sans une ligne de code.