Extensions
Browser add-ons that improve your browsing experience with extra features and customized tools.
Browser add-ons that improve your browsing experience with extra features and customized tools.
A browser extension that enhances visual recognition on GitHub, GitLab, Gitea, and Gogs by changing file icons to be filetype-specific.
A tool that Makes JSON easy to read with features like dark mode, syntax highlighting, and collapsible trees. It auto-formats JSON in the browser, ensuring fast performance even on long JSON pages. The tool allows toggling between raw and parsed JSON, and it works on any valid JSON page. Privacy is prioritized with no tracking or advertising. The source code is available on GitHub, and users can report issues there as well.
A Chrome extension designed for web developers to verify HTML metatags. It allows users to discover page meta data, identify issues, and provides solutions for fixing them. Key features include easy copying of meta tag values, report printing or exporting, and alerts for meta data that falls outside recommended ranges. The extension supports multiple languages, is free, and regularly updated, addressing Core Web Vitals issues. Users can also analyze competitors'sites.
A desktop tool for testing mobile responsive websites across various smartphone and tablet models. It features 55 devices, including 19 Android and 23 Apple models, along with 5 tablet models and 8 special devices. Users can create video captures in WEBM, GIF, or MP4 formats and take transparent PNG screenshots. The simulator includes a night mode and displays non-intrusive ads in the free version, which can be removed in the premium version.
A Chrome extension that allows users to select a pixel from any web page and identify the closest Tailwind color. It facilitates quick prototyping by calculating the nearest Tailwind color based on the pixel selected. Users have noted the effectiveness of the tool in distinguishing between similar colors, such as neutral-900 and zinc-900, highlighting its utility in web design.
Open source web design debug tools built with JavaScript, offering a FireBug-like experience for designers. Users can point, click, move, resize, and edit any webpage as if it were an artboard. The tool allows inspection of styles, spacing, accessibility, and alignment, enabling designers to nitpick layouts in real-time across various device sizes. It empowers designers and content creators by facilitating direct edits to the end state of web applications without waiting for developers. Key features include simulating latency, handling internationalization, and testing responsive designs. Users have requested features like an undo function to enhance usability. Ideal for frontend developers, it enhances productivity and design capabilities in chaotic production environments.
WXT is an open-source framework that accelerates Chrome extension development for multiple browsers, including Firefox, Edge, and Safari. It features built-in utilities for building, zipping, and publishing extensions, enabling a quick start for developers. The framework supports Manifest V2 and V3 with a unified codebase, providing lightning-fast hot module replacement (HMR) for UI development and rapid reloads for content and background scripts. WXT's opinionated project structure and TypeScript support facilitate the creation of large projects, while Nuxt-like auto-imports enhance development speed. Developers can easily analyze and minimize extension bundle sizes, reuse code across multiple extensions, and leverage various front-end frameworks through a Vite plugin. With project templates and tools for efficient iteration, WXT simplifies the development process, allowing developers to focus on features rather than build scripts.
Identify fonts on web pages effortlessly with a simple hover over text. It simplifies the process of discovering fonts used on websites, allowing users to click on any element for detailed style information.