[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-css-scan-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-css-scan-en-US":117,"related-resources-css-scan-en-US":172},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":21,"cons":25,"best_for":28,"cover":29,"icon":9,"pricing":30,"platform":31,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":36,"views_count":37,"featured_rank":9,"categories":38,"tags":43,"files":9},729,"CSS Scan","css-scan","https:\u002F\u002Fgetcssscan.com",null,"Inspect and copy CSS of any element on any website","CSS Scan is a browser extension that lets you instantly inspect and copy the CSS of any element on any website with a single click. Hover over an element to see its complete CSS rules including all properties, pseudo-classes, and responsive breakpoints. The extension also includes a curated collection of over 70 beautiful CSS box shadows ready to copy and use. It integrates directly into Chrome, Firefox, Safari, and Edge DevTools, making it an essential tool for front-end developers and designers who need to learn from or reuse existing web designs.",{"title":13,"meta_description":14},"CSS Scan — Inspect and copy CSS of any element on any website","CSS Scan is a browser extension that lets you instantly inspect and copy the CSS of any element on any website with a single click. Hover over an element to ...",[16,17,18,19,20],"Inspect any element's CSS with a single hover and click","Copy complete CSS rules including pseudo-classes and responsive states","Curated collection of 70+ ready-to-use CSS box shadows","Integrates directly with Chrome, Firefox, Safari, and Edge DevTools","Detects and displays CSS grid and flexbox properties easily",[22,23,24],"Massively speeds up the process of understanding and copying website styles","Works on any website without breaking the page layout","Clean, non-intrusive overlay that doesn't interfere with browsing",[26,27],"Paid tool with no free tier or trial version available","Occasionally misses inline styles or dynamically generated CSS","Front-end developers and designers who frequently inspect and reuse CSS from existing websites for learning or accelerating their workflow.","19d475e1-e0ae-4294-a189-bdd7e6929981.webp","paid",[32,33,34,35],"Chrome","Firefox","Safari","Edge",{"paid":3},0,[39],{"name":40,"slug":41,"sub_categories":42},"Design Tools","design-tools",[],[44,46],{"name":45,"slug":30},"Paid",{"name":47,"slug":48},"Web Design","web-design",[50,82,93,103],{"id":51,"url":52,"icon":9,"name":53,"slug":54,"tags":55,"cover":78,"tagline":79,"is_featured":80,"date_created":81,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[56,59,61,64,66,68,70,72,74,76],{"seo":9,"name":57,"slug":58},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":60},"ai",{"seo":9,"name":62,"slug":63},"Freemium","freemium",{"seo":9,"name":9,"slug":65},"free-trial",{"seo":9,"name":9,"slug":67},"image-editing",{"seo":9,"name":9,"slug":69},"video",{"seo":9,"name":9,"slug":71},"animation",{"seo":9,"name":9,"slug":73},"prototyping",{"seo":9,"name":9,"slug":75},"no-code",{"seo":9,"name":9,"slug":77},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":83,"url":84,"icon":9,"name":85,"slug":86,"tags":87,"cover":90,"tagline":91,"is_featured":80,"date_created":92,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[88],{"seo":9,"name":9,"slug":89},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":94,"url":95,"icon":9,"name":96,"slug":97,"tags":98,"cover":100,"tagline":101,"is_featured":80,"date_created":102,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[99],{"seo":9,"name":9,"slug":89},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":104,"url":105,"icon":9,"name":106,"slug":107,"tags":108,"cover":114,"tagline":115,"is_featured":80,"date_created":116,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[109,112],{"seo":9,"name":110,"slug":111},"Free","free",{"seo":9,"name":9,"slug":113},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[118,124,130,136,142,148,154,160,166],{"url":119,"name":120,"slug":121,"cover":122,"tagline":123},"https:\u002F\u002Fanimista.net","Animista","animista","da1ff664-804e-4896-bda7-e32f204f51cd.webp","Ready-to-use CSS animations library with customizable effects",{"url":125,"name":126,"slug":127,"cover":128,"tagline":129},"https:\u002F\u002Fwww.nvidia.com\u002Fen-us\u002Fstudio\u002Fcanvas\u002F","NVIDIA Canvas","nvidia-canvas","63badfde-92dd-4a52-8f14-3de947802c68.webp","Turn simple brush strokes into realistic landscape images",{"url":131,"name":132,"slug":133,"cover":134,"tagline":135},"https:\u002F\u002Fappicon.co","App Icon Generator","app-icon-generator","82194b8b-b69e-4581-ae90-22fb170f8c28.webp","Generate all required app icon sizes from one image",{"url":137,"name":138,"slug":139,"cover":140,"tagline":141},"https:\u002F\u002Fapp.diagrams.net","Draw.io \u002F diagrams.net","draw-io","c3e6bb6a-aa69-4988-847f-7ac2ff168cb7.webp","Free open-source diagramming for everyone",{"url":143,"name":144,"slug":145,"cover":146,"tagline":147},"https:\u002F\u002Fsquircley.lol","Squircley","squircley","1c2b3d50-be88-4647-95ce-20d1f7229746.webp","Generate beautiful SVG squircles with organic curves",{"url":149,"name":150,"slug":151,"cover":152,"tagline":153},"https:\u002F\u002Fmagicpattern.design","MagicPattern","magicpattern","bc5a27ac-20f5-443c-9d44-c9d453c9f5b3.webp","Create stunning patterns, gradients, and blobs in minutes",{"url":155,"name":156,"slug":157,"cover":158,"tagline":159},"https:\u002F\u002Fxnapper.com","Xnapper","xnapper","eaed31e4-1981-49a7-a8f1-25aa19d1786d.webp","Beautiful screenshot capture and beautification for macOS",{"url":161,"name":162,"slug":163,"cover":164,"tagline":165},"https:\u002F\u002Fdiffusionbee.com","DiffusionBee","diffusionbee","f446d32e-324c-4fff-bf89-beec131a8f7e.webp","Free Stable Diffusion AI image generator for Mac",{"url":167,"name":168,"slug":169,"cover":170,"tagline":171},"https:\u002F\u002Fbento.me","Bento","bento","f183a493-8edb-49f0-a587-75df99bdb6f5.webp","Build a beautiful personal bio page in minutes",[173,186,203],{"url":174,"icon":9,"name":175,"slug":176,"tags":177,"cover":183,"tagline":184,"is_featured":3,"date_created":185,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[178,180,181,182],{"seo":9,"name":9,"slug":179},"collaboration",{"seo":9,"name":9,"slug":73},{"seo":9,"name":62,"slug":63},{"seo":9,"name":9,"slug":77},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":187,"icon":9,"name":188,"slug":189,"tags":190,"cover":200,"tagline":201,"is_featured":3,"date_created":202,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[191,192,195,196,198],{"seo":9,"name":110,"slug":111},{"seo":9,"name":193,"slug":194},"Open Source","open-source",{"seo":9,"name":9,"slug":67},{"seo":9,"name":9,"slug":197},"svg",{"seo":9,"name":9,"slug":199},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":204,"icon":9,"name":205,"slug":206,"tags":207,"cover":213,"tagline":214,"is_featured":3,"date_created":215,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[208,210,211,212],{"seo":9,"name":9,"slug":209},"wireframe",{"seo":9,"name":9,"slug":73},{"seo":9,"name":9,"slug":179},{"seo":9,"name":62,"slug":63},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]