iemoaibeppdgahljgmhmhmbhnkkaecmk
Clear Understanding for Better Websites WebClarity is a lightweight all in one website analysis extension for designers, developers, and SEO and GEO experts. Instead of juggling 10+ separate tools, you can inspect, debug, and audit any page from one clean interface. It is free to install, works without signup, and is built to keep your browser fast while you work. 🎨 FOR DESIGNERS - What Font: Inspect exact font styles directly on the page to align design and implementation with less back and forth. - Style Guide: Capture real rendered design tokens like typography and color values for audits, handoff, and rebuilds. - Assets Downloader: Extract page assets like SVGs and images quickly so you can keep moving without manual hunting. - Contrast Checker: Check WCAG ratios and APCA scores instantly using page colors for faster, defensible accessibility decisions. - Image Source Finder: Send page images to Google Lens in one click to trace sources, find higher-resolution files, and discover similar visuals. - Style Swap: Test font and color changes on the live page to validate visual directions before jumping into design files. 🧑💻 FOR DEVELOPERS - Inspector: Inspect computed styles, spacing, and layout context quickly to debug UI issues without getting buried in DevTools. - Technology Detector: Identify CMS, frameworks, analytics, and hosting signals to understand stack decisions in seconds. - Responsive Viewer: Run synchronized cross-device checks in one view for faster responsive QA and implementation validation. 🔍 FOR SEO & GEO EXPERTS - Quick SEO Checker: Audit key on-page SEO signals, including metadata, Open Graph, headings, and image coverage, with clear issue visibility. - Heading Structure: Visualize the full H1-H6 tree and quickly spot skipped levels, multiple H1s, and other structure issues. - Alt Text Manager: Find missing or empty alt text fast so accessibility and SEO fixes are easier to prioritize and execute. - Link Health Auditor: Scan link quality and flag broken URLs, insecure external links, and weak anchor text that can hurt trust and rankings. - Social View: Validate Open Graph and Twitter Card metadata and preview how shared links will appear before publishing. - Performance Insights: Review mobile and desktop speed signals, including key page experience metrics, to guide optimization decisions. All features work offline and require no backend services. Your browsing data stays completely private.
Designer Tools
A collection of tools to help you design and develop websites with precision. Designer Tools helps web designers and developers achieve pixel-perfect results with ease. It includes features like rulers, guidelines, and multiple ways of measuring elements and spacing. You can customize your setup with grids, move or remove guides, and tweak settings to match your workflow. PLUS subscribers gain access to extra tools and resources to enhance their design process.
Finsweet Extension for Webflow
A suite of F'in sweet tools to improve your Webflow development experience. Important: Finsweet Extension has changed! Most features are now in our new native Webflow App. Only site settings remain in this Chrome Extension due to Webflow API limits. Unlock new and powerful tools and functionalities within Webflow's Dashboard, Editor and Designer. Functionalities include: - Bulk 301 redirects upload. - CSS styles sorting, editing and removal. - Interactions, Symbols and Color swatches reordering. - Breakpoints highlighting and removal. - Components marketplace to copy and paste directly in your project. - Direct integration with our Finsweet libraries like Cookie Consent or Attributes. - Vertical Canvas Resizing. - And much more!
Enable UI3 Beta for Figma
This extension enables UI3 Beta for Figma for all users, without the need to wait on the waitlist. Note: This extension only works in web browsers and does not enable AI features. This extension is open source and available at https://github.com/Inclushe/figma-ui3
Relume Chrome Extension for Webflow
Boost your productivity in Webflow with the Relume Chrome Extension. ★ Access 1,000+ Webflow components from the Relume Library, right inside of Webflow designer. Copy components into your project with 1 click. ★ Class Sync enables you to sync Relume components with updated classes in the designer, preventing class duplication. When you turn on Class Sync and paste a component, the component will adapt to match the styles of your Webflow project. ★ Paste SVGs directly into your Webflow project, with Relume's free SVG to HTML embed converter. ★ Create and save components in your own private Relume Library. Share with with clients and your team. The Relume Library includes everything you need to start a Client-First Webflow project: ✓Navbars ✓Footers ✓Header sections ✓Feature sections ✓CTA sections ✓FAQ sections ✓Contact sections ✓Pricing sections ✓UI Elements (including Buttons, Accordions, Sliders, Dropdowns, Cards, Tabs & more) ✓Page Templates (including Home, About, Blog, Contact, Portfolio & more) Browse the full library online: https://library.relume.io/dashboard Don't waste time rebuilding layouts for every new project. Install the Relume Chrome Extension to access all of these components right inside Webflow. Some features require a Relume account or paid subscription. Find out more inside the extension or online: https://library.relume.io/pricing
