CSS Variables Editor

Font Finder

An easy-to-use font inspector to get CSS styles of the selected element FontFinder is created for designers, developers, and typographers. It allows a user to analyze the font information of any element and copy any pieces of that information to the clipboard. Font Finder examines all the selected characters to detect the font used to display this particular character. 1. Analyze any font on the active page. 2. Copy any piece of the element's information to the clipboard 3. Any active element can have any piece of the font's options (such as color, size, or family) adjusted inline Access these options by right-clicking the context menu over the selected text or right-clicking on the page and inspecting the element. Information Captured: 1. Font color (RGB and HEX) 2. Background color (RGB and HEX) 3. Font family (including actually rendered font!) 4. Font size 5. Line height, vertical alignment, letter, and word spacing 6. Font weight, style, variant 7. Text transform, decoration, align and indent 8. Element's type, class, and ID 9. Displays remote and local tags next to the rendered font Tools: Replace or change font family. Use custom fonts. Get the list of all fonts in the current frame. Notes: You can change the window opening mode to embedded mode from the right-click items over the toolbar button. This mode helps use the extension in full-screen mode.

CSS Pro Editor & Debugger

Visual CSS styling and debugging tool for developers. CSS Pro Editor is the ultimate visual styling tool for developers and designers. Forget inspecting elements and manually typing CSS values. With CSS Pro, you just click an element and edit it visually. 🚀 Why CSS Pro is Different? Most "inspector" tools in the store are read-only or require you to write raw code. CSS Pro is a full Visual Editor. It's like having Figma or Webflow tools directly inside your browser, working on any live website. ✨ Key Features 👆 Click & Edit Select any element on the page and change its color, font, size, spacing, and more with a simple visual interface. 📦 Computed Box Model (NEW) Visualize margins, borders, and padding instantly. See the exact computed pixel values for every layer of your element. 💎 Glassmorphism (Instant frosted glass effect) ☁️ Neumorphism (Soft, extruded shadows) 📏 Debug Redline (Instantly outline all elements) 🃏 Card Shadows (Beautiful, elevated dropshadows) 📐 Layout Engine Debug Flexbox and Grid layouts efficiently with visual alignment controls (Start, Center, End, Space-Between). 📋 One-Click Copy Happy with your changes? One click copies the clean generated CSS code to your clipboard, ready to paste into your project. 100% Offline: We don't send data to any server. No Tracking: Your usage is completely private. Lightweight: Zero impact on page load speed. Perfect for: Designers: Test fonts and colors on live sites. Developers: Debug layout issues in seconds. Students: Learn how CSS works by interacting with it. Try CSS Pro Editor today and design the web at the speed of thought! ⚡

Tailwind CSS Devtools

All-in-one browser extension for Tailwind CSS Developer. Features 🔥 🗂 Quickly inspect edit and filter HTML elements with TailwindCSS utility classes. ✨ Support Tailwindcss Intellisense autocompletion for JIT mode. ✔️ Custom config support. Personal data 🔒 Tailwind CSS Devtools had never collected and will never collect any personal data, browsing history, etc. Tailwind CSS Devtools also doesn't share/care about your data at all.

Smart Color Picker and Palettes

An extension to get the color code of any pixel on the web page. It also offers trendy color palettes and css gradients The Smart Color Palette is a great extension that provides the list of used colors used on any webpage along with Eye Dropper tool to grab any color. Users can find lot of popular and most trendy color palettes and css gradients. ✅ Grab any color with the new color picker or Eye Dropper tool ✅ See all the colors are used in any webpage ✅ Provides trendy CSS Gradients ✅ Get tons of popular and elegant color palettes ✅ Get standard and Web safe color codes ✅ Create a lot of your own color palettes with an amazing color picker ✅ Cool User interface Developed with ❤️ by Rahul Baruri