CSS Scan

Voir et copier le CSS de n'importe quel élément en un survol : plus de 100 k$ de ventes en paiement unique.

getcssscan.com Recopier avec ClaudeEnregistrer

CSS Scan est une extension navigateur qui affiche instantanément le CSS propre de n'importe quel élément survolé, copiable en un clic. Vendue en licence à vie (~69 $ au lancement), elle cible les développeurs front-end et les designers lassés d'ouvrir l'inspecteur du navigateur.

Plus les ronds sont verts, plus le SaaS est intéressant à cloner.

Réalisable en quelques week-ends avec l'IA (3/10), et le paiement unique simplifie tout : pas de serveur, pas de churn. Les DevTools gratuits font 80 % du travail, donc tout se joue sur l'exécution marketing et le confort d'usage. Excellent modèle à copier pour un premier produit d'un dev francophone.

Évolution du MRR

Suivi du MRR démarré — la courbe se construit jour après jour, à mesure que nos agents re-vérifient les chiffres.

Comment ils ont grandi

Le Brésilien Guilherme Rizzo lance CSS Scan en 2018 après avoir validé l'idée avec une simple landing page. Le produit décolle grâce à deux lancements Product Hunt, des vidéos YouTube et les groupes de lifetime deals, sans un centime de publicité. En 18 mois, il encaisse 70 k$, puis franchit les 100 k$ de ventes cumulées. Son site de vente, truffé de démos interactives, est devenu une référence de copywriting produit. La preuve qu'un micro-outil, un paiement unique et un marketing soigné suffisent à générer un revenu confortable en solo.

Ad Spy — voir les publicités

La landing est une one-page dont tout le funnel tient sur un seul écran de vente, sans inscription ni essai à installer. Le hero affiche « The fastest and easiest way to check and copy CSS » avec le sous-titre « Goodbye to Inspect Element », un CTA principal « Get it now » qui envoie directement vers Gumroad et un CTA secondaire vidéo « See how it works (54s) ». Juste sous le hero, un bandeau d'urgence permanent affiche « Save 42% - National Day of Belgium Deal - only until July 21 » avec le prix barré 120 $ ramené à 69 $ (le prétexte festif de la promo change régulièrement, mais la réduction est quasi permanente). L'arme du funnel est la démo interactive intégrée : on survole les éléments de la landing elle-même et leur CSS s'affiche en temps réel, donc le moment aha est vécu AVANT tout paiement. L'offre gratuite a des limites exactes très strictes : la démo ne fonctionne que sur getcssscan.com et uniquement sur desktop, il n'existe aucune version gratuite de l'extension. La preuve sociale annonce « 20,000+ professional web developers from 116 countries », 8 témoignages nominatifs (Brad Frost, Ahmad Awais, Harry Dry, Max Stoiber...), 3 badges Product Hunt (produit n°1 du jour, n°1 de la semaine, n°3 du mois) et une review vidéo WPTuts de 8 min 37. Le paiement arrive dès le clic « Get it now » : checkout Gumroad (gvrizzo.gumroad.com/l/cssscan), paiement unique de 69 $, sans création de compte préalable. Il n'y a qu'un seul palier : licence à vie 69 $ (listée 120 $), limitée à 3 navigateurs simultanés, activations gérables sur MyCssScan.com — pour plus d'appareils il faut racheter des licences, ce qui sert de mécanique d'expansion. Au moment de l'achat, un cross-sell offre 42 % de réduction sur toast.log, et le site pousse un upsell séparé vers CSS Pro (éditeur CSS visuel en abonnement, csspro.com). La rétention repose sur le deal à vie « buy once, use forever » couplé à des mises à jour continues (changelog public, versions 3.0 puis 4.0) — un témoignage vante précisément le fait que le produit évolue contrairement aux extensions gratuites. Le moteur d'acquisition visible est le SEO d'outils gratuits : des galeries « CSS buttons examples », « box-shadow examples », « checkboxes », « radios », « shapes » listées dans le footer captent le trafic Google de la cible exacte. Le footer expose aussi un programme d'affiliation hébergé sur Gumroad (gumroad.com/gvrizzo/affiliates) et des traductions en 22+ langues réalisées par des contributeurs de la communauté, crédités nominativement. La FAQ lève méthodiquement les objections : licence à vie, limite de 3 navigateurs, conversion Tailwind optionnelle, copie des :hover, pseudo-classes et media queries, différence avec les « Computed Styles » des DevTools. Historique de revenus public sur Indie Hackers : 10 000 $ en 9 mois, 70 000 $ cumulés début 2020 avec un mois de janvier proche de 10 000 $, puis 100 000 $ cumulés en août 2020, le tout sans un dollar de publicité.