Éditeur CSS instantané pour PrestaShop, WordPress, Shopify...
et tous autres CMS, sites web et applications
Comme un artiste: ajustez, enregistrez et continuez.
Inutile de transférer ou de recharger la page.
Essayez-le sur votre site web : 1h d'essai, sans carte
Comment ça marche : trois étapes
Pas de build, pas de pipeline de déploiement, pas de compilation CSS. L'éditeur travaille sur la page telle que vos visiteurs la voient.
Installez
Ajoutez le module, le plugin ou l'app de votre plateforme - ou un snippet d'amorçage sur tout site. L'assistant d'installation vérifie votre environnement pour vous.
Cliquez et ajustez
Cliquez n'importe quel élément de votre page : ses règles s'ouvrent avec le bon outil pour chaque valeur. L'aperçu est en direct et débouncé, rien n'est encore écrit.
Sauvegardez pour de vrai
Cliquez Save : le fichier CSS de votre serveur est mis à jour de façon atomique, avec des snapshots .orig et .bak. Vos visiteurs voient votre site exactement comme vous l'avez fait - l'éditeur ne se charge jamais pour eux.
N'éditez plus vos CSS en aveugle !
Un vrai éditeur visuel : chaque valeur a le bon outil. Chaque tuile ci-dessous est stylée par un fichier que vous pouvez éditer tout de suite.
propriétés CSS, à jour (2026)
Le schéma intégré est régénéré depuis les données MDN & webref : syntaxe formelle, compatibilité navigateurs, aide et liens doc par propriété. Propriété inconnue ? Elle a quand même un champ.
Sur VOTRE stack
- PrestaShop - module prêt, écrit le CSS du thème avec backups
- WordPress - plugin natif, écrit le CSS du thème actif avec backups
- Shopify - app native, installation OAuth, CSS en metafields de la boutique
- Tout site - ZIP autonome
Sans risque
L'aperçu live est débouncé, l'undo/redo remonte 100 pas par fichier, et rien n'est écrit sans Save. Côté serveur, des snapshots .orig et .bak gardent une porte de sortie.
Chaque valeur a le bon outil
Picker couleur, dégradés à poignées posées sur l'élément, picker de polices, courbes d'easing, formes clip-path, éditeur de timeline @keyframes, perspective 3D à la souris. Et même un mode popup second écran.
Ciblage point-and-click
Cliquez n'importe quel élément de la page : les règles correspondantes sont filtrées pour vous. Fini les sélecteurs devinés.
Visuel <-> Source
Basculez chaque fichier en vue source CodeMirror avec auto-save, et revenez au visuel en un seul pas d'undo.
Multi-fichiers, multi-tout
Feuilles empilées avec dirty-state et historique par fichier, presse-papiers interne, glisser-déposer, multi-sélection, et un inventaire de vos variables, polices et couleurs.
Zéro dépendance
JS vanilla, sans framework, sans jQuery, sans build. Un ZIP, un snippet d'amorçage, et l'assistant d'installation vérifie votre environnement pour vous.
Mode 2 colonnes, dans l'ordre du DOM
Les fichiers sont toujours listés dans l'ordre du DOM - l'ordre où la cascade les applique. Passez en deux colonnes et glissez des règles ou propriétés d'un fichier à l'autre pour réorganiser vos CSS au lieu de les supprimer.
Votre travail reste à vous
Paiement unique, pas d'abonnement forcé. Exportez votre CSS à tout moment (copie ou téléchargement .css, même en lecture seule). Après l'essai, vos styles sauvegardés restent appliqués pour toujours - jamais de prise d'otage.
Sous le capot : ce qui se passe exactement sur votre serveur
Pas de boîte noire. Voici la liste complète de ce que CSS_EDITOR écrit - et de ce qu'il ne fait jamais.
Ce qui est écrit
- Le fichier CSS que vous éditez, remplacé de façon atomique (fichier temporaire puis renommage - jamais de fichier à moitié écrit)
- Un snapshot .orig à la première sauvegarde, un .bak à chaque sauvegarde : le retour en arrière est toujours à un clic
- Sur Shopify : votre CSS en metafields de la boutique, rendu côté serveur - zéro fichier du theme modifié
Ce qui n'arrive jamais
- L'éditeur ne se charge jamais pour vos visiteurs - ils voient votre site exactement comme vous l'avez fait
- Vos styles sauvegardés ne sont jamais retirés, même après la fin de l'essai ou de la licence
- Aucune dépendance CDN externe à l'exécution sur votre site : le code que vous installez est le code qui tourne
Ne nous croyez pas !
Essayez et constatez.
La capture ci-contre n'est pas une maquette : c'est cet éditeur, docké en bas de cette page, en train d'éditer les styles de la page. Ouvrez-le, et testez-le ici... ou téléchargez-le pour le tester gratuitement sur votre site, local ou en ligne, et enregistrez réellement vos fichiers CSS sur votre serveur, d'un clic. Pas besoin de recharger la page, continuez simplement l'édition de vos CSS.
L'IA dedans - Votre propre IA, pas d'API payante
CSS_EDITOR ne vous loue pas une IA. Il prépare des prompts parfaits pour l'IA que vous utilisez déjà, et applique ses réponses en sécurité.
Mode prompt
Sélectionnez un ou plusieurs éléments de votre page : CSS_EDITOR construit un prompt prêt à coller (votre demande, extraits du DOM, styles calculés, règles existantes). Collez la réponse de votre IA : le CSS est appliqué avec aperçu et undo, et un rapport liste les éventuels changements DOM/JS restant à la main.
Analyseur de CSS mort
L'analyseur trie chaque sélecteur de vos feuilles de style contre le DOM réel : utilisé (vert), probablement dynamique (orange), inutilisé (rouge). Une contre-vérification IA signale les risqués avant la purge. Ensuite déplacez ou supprimez en glisser-déposer - les backups sont faits d'abord.
Paiement unique. À vous pour toujours.
Essayez tout gratuitement pendant 1 heure sur votre propre site. Ensuite l'édition se verrouille poliment - vos styles sauvegardés restent appliqués pour toujours, jamais de prise d'otage. Activez votre clé une fois : elle se lie à votre domaine automatiquement, rien à déplacer.
Offre de lancement : -25% avec le code promo LAUNCH25
Pour un site personnel ou un projet unique.
- 2 sites web (local ou en ligne)
- Éditeur complet, tous les pickers
- Sauvegarde serveur + backups
- Support par email
Acheter
code promo : LAUNCH25Pour plusieurs sites ou sous-domaines.
- Jusqu'à 10 sites web
- Éditeur complet, tous les pickers
- Sauvegarde serveur + backups
- Support prioritaire
Acheter
code promo : LAUNCH25Pour les agences et intégrateurs multi-clients.
- Jusqu'à 50 sites web
- Éditeur complet, tous les pickers
- Sauvegarde serveur + backups
- Support dédié
Acheter
code promo : LAUNCH25En achetant CSS_editor vous acceptez les conditions générales.
Paiement sécurisé par Polar.sh - votre clé de licence arrive par mail juste après l'achat. Mises à jour incluses pendant 12 mois.
Offre de lancement : les prix affichés incluent déjà la remise de lancement de -25% (code LAUNCH25) sur les prix réguliers de 24 $, 96 $ et 288 $. Des taxes peuvent être ajoutées au paiement selon votre pays - gérées par Polar.sh.
CSS_EDITOR face aux autres
Des faits, pas des adjectifs. Vérifié sur les pages officielles de chaque outil, novembre 2026 (sources sous chaque nom).
| CSS_EDITOR | CSS Hero csshero.org/buy-now |
Microthemer themeover.com/pricing |
|
|---|---|---|---|
| Plateformes | PrestaShop, WordPress, Shopify, tout site ou application web | WordPress uniquement | WordPress uniquement |
| Modèle de prix | Paiement unique, 18 $ à 288 $ (prix de lancement) | Abonnement annuel (29 $ à 199 $/an selon le nombre de sites) ou 599 $ à vie | Abonnement annuel ou mensuel, ou licences à vie (125 $ à 499 $) |
| Mode prompt IA | Oui - avec votre IA, sans API payante | Non | Oui - assistant IA intégré (CSS uniquement) |
| Analyseur de CSS mort | Oui, avec contre-vérification IA | Non | Non |
| Sauvegarde serveur avec backups | Écriture atomique, snapshots .orig + .bak | Modifications en base de données, un fichier CSS statique servi aux visiteurs | Stockage propre ; le plugin Microloader peut servir les styles après désinstallation |
| Vos styles si vous arrêtez de payer | Restent appliqués pour toujours, exportables à tout moment | Continuent de fonctionner ; renouvellement requis seulement pour les mises à jour, le support et les nouveaux sites | Les licences à vie conservent tout, mises à jour incluses |
Questions franches, réponses franches
CSS_EDITOR peut-il casser mon site ?
L'édition n'est qu'un aperçu jusqu'au Save, l'undo remonte 100 pas par fichier, et chaque sauvegarde crée des snapshots .orig et .bak sur votre serveur. En cas de problème, restaurer le fichier précédent prend un clic. L'éditeur ne se charge jamais pour vos visiteurs - ils voient votre site exactement comme vous l'avez fait.
Est-ce que ça ralentit mon site ?
Non. L'éditeur est un outil que vous ouvrez en tant qu'administrateur du site. Vos visiteurs voient le site exactement comme vous l'avez fait : le CSS servi est le même fichier que votre theme servait déjà, et aucun JavaScript n'est ajouté pour eux.
Que se passe-t-il à la fin de l'essai gratuit ?
Après 1 heure, l'édition se verrouille poliment. Tout ce que vous avez sauvegardé reste appliqué sur votre site pour toujours - nous ne retirons jamais vos styles. Entrez une clé de licence quand vous voulez pour déverrouiller l'édition, exactement où vous l'aviez laissée.
L'app Shopify modifie-t-elle les fichiers de mon theme ?
Non. L'app Shopify s'installe via OAuth et stocke votre CSS en metafields de la boutique, rendu côté serveur. Zéro fichier du theme n'est modifié, et la désinstallation est propre.
Suis-je captif ? Puis-je exporter mon CSS ?
Aucune captivité. CSS_EDITOR est un achat unique, et la fonction Exporter (copie presse-papiers ou téléchargement .css) est toujours disponible, même en lecture seule. Votre CSS est du CSS ordinaire dans des fichiers ordinaires.
Quelles versions de PrestaShop et WordPress sont supportées ?
Le module PrestaShop supporte 1.7 à 8.x et écrit le fichier CSS du theme avec backups. Le plugin WordPress écrit le CSS du theme actif avec backups. Les deux sont construits pour vous à la volée depuis ce site.
Dois-je payer une API d'IA pour utiliser les fonctions IA ?
Non. Le mode prompt construit un prompt complet que vous collez dans l'IA que vous utilisez déjà (ChatGPT, Claude, Kimi, un modèle local...), et applique la réponse avec aperçu et undo. L'analyseur de CSS mort fonctionne pareil pour sa contre-vérification IA optionnelle. Aucune clé d'API payante n'est requise.
Que comprend la licence ?
Une licence permanente pour le nombre de sites de votre formule (2, 10 ou 50), l'éditeur complet avec tous les pickers, le mode prompt IA, l'analyseur de CSS mort, la sauvegarde serveur avec backups, et toutes les mises à jour pendant 12 mois. La clé se lie à vos domaines automatiquement à la première utilisation.
Proposez-vous des remboursements ?
Non - et voici pourquoi : vous pouvez tout tester gratuitement pendant 1 heure sur votre propre site avant d'acheter. L'essai, c'est la garantie. Toute vente est définitive (voir les conditions de vente).
Et si je change de nom de domaine ?
Les clés de licence sont automatiquement associées à vos domaines lors de leur première utilisation et ne sont pas libérées automatiquement. Selon votre situation, veuillez contacter le service d'assistance, qui pourra éventuellement réattribuer votre licence.
CSS_EDITOR peut-il être embarqué dans ma propre application ?
Oui - le coeur est en JS vanilla avec un contrat d'adaptateur documenté, conçu pour être embarqué.
Par ailleurs, chaque utilitaire (transformation, perspective, dégradé, etc.) peut être utilisé indépendamment sur votre site web.
Pour tous autres besoins, contactez-nous.
Des preuves, pas des promesses
Captures réelles de ce site. Un seul markup, trois identités - le menu Thème de la nav relookent cette page en direct. Testez dans votre thème préféré.
Déjà sur votre prochain design ?
Gagnez du temps :
Choisissez votre plateforme. Une heure d'essai, sans carte bancaire, directement sur votre propre site.
Module natif (1.7 à 8.x), construit à la volée avec votre clé de licence dedans.
Construire & télécharger le modulePlugin natif, construit à la volée avec votre clé de licence dedans.
Construire & télécharger le pluginApp Shopify native - installation OAuth, CSS en metafields de la boutique, zéro fichier du thème modifié.
Installer sur votre boutiquePrestaShop & WordPress : le build émet une clé de licence à remplacer par la clé fournie après achat.
En téléchargeant CSS_editor vous acceptez les conditions générales.