CSSPilot — AI-powered CSS Editor

Coming soon — Desktop app Bientôt disponible — Application desktop

Inspect any website. Edit CSS visually in real time. Save your changes. The spiritual successor to Stylizer — rebuilt from the ground up with modern technology and AI assistance.

Inspectez n'importe quel site web. Éditez le CSS visuellement en temps réel. Sauvegardez vos modifications. Le successeur spirituel de Stylizer — reconstruit de zéro avec des technologies modernes et l'assistance de l'IA.

Watch the demo Voir la démo → Discover features Découvrir les fonctionnalités
1
Inspect
Inspecter
→
2
Edit
Éditer
→
3
Preview
Prévisualiser
→
4
Save
Sauvegarder
See it in action
Voyez-le en action

Watch CSSPilot in action

CSSPilot en démonstration

From inspection to saving — see the complete workflow in under 3 minutes.

De l'inspection à la sauvegarde — découvrez le workflow complet en moins de 3 minutes.

Video coming soon Vidéo bientôt disponible

Replace this placeholder with a YouTube or Vimeo embed

Remplacez cet espace par un embed YouTube ou Vimeo

Screenshots
Captures d'écran

A closer look

En images

interface Full interface overview Vue d'ensemble de l'interface
Main window — BrowserView, CSS accordion, Quick Edit toolbar
Fenêtre principale — BrowserView, accordéon CSS, barre Quick Edit
Element inspection Inspection d'éléments
Click-to-inspect with highlight overlay and breadcrumb
Clic pour inspecter avec overlay et breadcrumb
Quick Edit bar Barre Quick Edit
Property editors with directional grid and value cycling
Éditeurs de propriétés avec grille directionnelle et cycle de valeurs
Color Picker Sélecteur de couleurs
HSL canvas, opacity slider, and recent colors
Canvas HSL, slider opacité et couleurs récentes
Visual tools Outils visuels
Rulers, guides, magnifier, and stakeout mode
Règles, guides, loupe et mode stakeout
Rule Creator Créateur de règles
Build selectors from DOM components with drag & combine
Construisez des sélecteurs depuis les composants DOM
]]>
Features
Fonctionnalités

Everything you need
to master CSS

Tout ce qu'il faut
pour maîtriser le CSS

A complete CSS editing suite powered by Chrome DevTools Protocol. No browser extension — a real desktop application with full filesystem access.

Une suite complète d'édition CSS propulsée par le Chrome DevTools Protocol. Pas d'extension navigateur — une vraie application desktop avec accès complet au système de fichiers.

Real-time Visual Editing

Édition visuelle temps réel

Bullseye mode (Ctrl+Space) — click any element to inspect its styles. Changes appear as you type, no page reload.

Mode Bullseye (Ctrl+Espace) — cliquez sur n'importe quel élément pour inspecter ses styles.

CDP: CSS.setStyleTexts

14-group Quick Edit Toolbar

Barre Quick Edit à 14 groupes

Margin, Padding, Border, Border-radius, Typography, Colors, Shadows, Layout, Flexbox, Grid, Transform, Dimensions, Effects, Transitions. Smart buttons: left-click to add/cycle, right-click to remove.

Margin, Padding, Border, Border-radius, Typographie, Couleurs, Ombres, Layout, Flexbox, Grid, Transform, Dimensions, Effets, Transitions.

CSS Rules Accordion

Accordéon de règles CSS

Collapsible sections per selector. CSS search (Ctrl+F) with match counter and highlighting. Selector filter, @media grouping, universal selector toggle.

Sections repliables par sélecteur. Recherche CSS (Ctrl+F) avec compteur et surlignage. Filtre sélecteurs, regroupement @media.

Advanced Property Management

Gestion avancée des propriétés

Full context menu: Cut/Copy/Paste, Toggle Comment (F7), Toggle !important, Merge/Split Shorthand. Drag reorder. Copy as CSS / Paste Rule.

Menu contextuel complet : Couper/Copier/Coller, Toggle Commentaire (F7), Toggle !important, Merge/Split Shorthand.

Advanced Color Picker

Sélecteur de couleurs avancé

HSV/RGB/HSL/Hex inputs with opacity slider. Native eyedropper tool. Recent colors history.

Saisie HSV/RGB/HSL/Hex avec slider d'opacité. Pipette native. Historique des couleurs récentes.

Value Suggestions

Suggestions de valeurs

Context-aware panel showing valid CSS values. ~100+ properties covered. Click to apply instantly.

Panneau contextuel affichant les valeurs CSS valides. ~100+ propriétés couvertes. Cliquez pour appliquer.

Visual Rule Creator

Créateur visuel de règles

Build selectors by clicking DOM components — tag, #id, .classes. Combinators, pseudo-classes. Live preview.

Construisez des sélecteurs en cliquant sur les composants DOM. Combinateurs, pseudo-classes. Aperçu live.

CMS & Framework Detection

Détection CMS & Frameworks

Auto-detects WordPress, Joomla, Shopify, Bootstrap, Tailwind, Elementor, React, Vue, Angular, Next.js, HTMX and more.

Détection automatique de WordPress, Joomla, Shopify, Bootstrap, Tailwind, Elementor, React, Vue, Angular, Next.js, HTMX et plus.

Visual Tools

Outils visuels

Rulers (F6), Alignment guides (F4), 8x Magnifier (F3), Stakeout (F9), Freeze (F8).

Règles (F6), Guides (F4), Loupe 8x (F3), Stakeout (F9), Gel (F8).

DOM Tree & Breadcrumb

Arbre DOM & Breadcrumb

Full hierarchical DOM tree with lazy expansion, text filtering, color coding. Clickable breadcrumb. 4 tabs.

Arbre DOM hiérarchique complet avec expansion lazy, filtrage texte, code couleur. Breadcrumb cliquable. 4 onglets.

Real-time CSS Validation

Validation CSS temps réel

200+ properties. Detects unknown properties, invalid values, deprecated rules. Three severity levels.

200+ propriétés. Détection des propriétés inconnues, valeurs invalides, règles dépréciées. Trois niveaux.

Smart Save, Export & Upload

Sauvegarde intelligente, export & upload

Smart Save (Ctrl+S) — auto FTP upload or local save. Export CSS (Ctrl+E). FTP/SFTP profiles with encrypted passwords.

Save Smart (Ctrl+S) — upload FTP auto ou sauvegarde locale. Export CSS (Ctrl+E). Profils FTP/SFTP chiffrés.

Roadmap
Feuille de route

What's coming next

Ce qui arrive bientôt

CSSPilot is actively developed. Here's what's planned for the upcoming releases.

CSSPilot est en développement actif. Voici ce qui est prévu pour les prochaines versions.

Short termCourt terme
Keyboard shortcuts helpAide raccourcis clavier

In-app panel (F1) with full keyboard shortcut reference.

Panneau in-app (F1) avec référence complète des raccourcis.

Pseudo-class simulationSimulation pseudo-classes

Toggle buttons for :hover, :focus, :active to force states.

Boutons toggle pour :hover, :focus, :active.

Inactive rule indicatorIndicateur de règles inactives

Visual marker on overridden CSS rules.

Marqueur visuel sur les règles surchargées.

Medium termMoyen terme
AI-powered CSS assistanceAssistance CSS propulsée par l'IA

Smart suggestions, auto-fix, natural language to CSS.

Suggestions intelligentes, correction auto, langage naturel vers CSS.

WordPress pluginPlugin WordPress

Direct integration for saving CSS changes — no FTP needed.

Intégration directe pour sauvegarder le CSS — sans FTP.

Auto vendor prefixesVendor prefixes automatiques

Automatic -webkit-/-moz- prefix insertion based on caniuse data.

Insertion automatique des préfixes basée sur caniuse.

Long termLong terme
Full multi-platform supportSupport multi-plateforme complet

Native builds for Windows, macOS and Linux.

Builds natifs pour Windows, macOS et Linux.

Cloud syncSynchronisation cloud

Sync preferences and settings across devices.

Synchronisez préférences et paramètres entre appareils.

Community marketplaceMarketplace communautaire

Share and discover CSS presets, templates and snippets.

Partagez et découvrez des presets CSS et snippets.

Productivity
Productivité

Keyboard-first workflow

Workflow clavier avant tout

Extensive keyboard shortcuts to keep your hands on the keyboard and your eyes on the design.

De nombreux raccourcis clavier pour garder vos mains sur le clavier et vos yeux sur le design.

UndoCtrl+Z
RedoCtrl+Y
Smart SaveSauvegarde intelligenteCtrl+S
Export CSSCtrl+E
CSS SearchRecherche CSSCtrl+F
Toggle InspectMode InspectionCtrl+Space
Toggle CommentToggle CommentaireF7
MagnifierLoupeF3
GuidesF4
RulersRèglesF6
Freeze PageGeler la pageF8
StakeoutF9
Value +/-1Valeur +/-1Up Down
Value +/-10Valeur +/-10Shift+Up/Down
Value +/-100Valeur +/-100Ctrl+Up/Down
Value adjustAjustement valeurMouse wheelMolette souris
Reorder propertyRéordonner propriétéCtrl+Shift+Up/Down
Upload FTPCtrl+Shift+S
Copy RuleCopier règleCtrl+C
Paste RuleColler règleCtrl+V
Delete RuleSupprimer règleDelete
Reload PageRecharger pageCtrl+R
Under the hood
Sous le capot

Built on solid
foundations

Construit sur des
fondations solides

/* CSSPilot — Architecture */

platform {
  engine: Electron + Chromium;
  protocol: Chrome DevTools Protocol;
  language: Vanilla JavaScript;
  framework: none — zero dependencies;
  modules: 21 IIFE modules (~12,700 LOC);
  compatibility: Windows, macOS, Linux;
}
Pricing
Tarif

Buy once. Own it forever.

Achetez une fois. C'est à vous pour toujours.

No subscription. Pay once per major version and use it forever — including all minor updates.

Pas d'abonnement. Payez une fois par version majeure et utilisez-la pour toujours.

Per-version License
Licence par version
TBD
One-time payment — Early bird pricing on Kickstarter
Paiement unique — Tarif early bird sur Kickstarter
  • Full desktop application (Windows, macOS, Linux)
  • Application desktop complète (Windows, macOS, Linux)
  • All features of the major version included
  • Toutes les fonctionnalités de la version majeure incluses
  • Free minor updates (v1.1, v1.2, v1.3...)
  • Mises à jour mineures gratuites (v1.1, v1.2, v1.3...)
  • Your version works forever — no expiration
  • Votre version fonctionne indéfiniment — pas d'expiration
  • Discounted upgrade to future major versions
  • Tarif réduit pour les futures versions majeures
  • Priority support via email
  • Support prioritaire par email
Get notified on launch Être notifié au lancement
Stay in the loop
Restez informé

Don't miss the launch

Ne manquez pas le lancement