Item logo image for OmniStyler Release Candidate

OmniStyler Release Candidate

Item media 4 (screenshot) for OmniStyler Release Candidate
Item media 1 (screenshot) for OmniStyler Release Candidate
Item media 2 (screenshot) for OmniStyler Release Candidate
Item media 3 (screenshot) for OmniStyler Release Candidate
Item media 4 (screenshot) for OmniStyler Release Candidate
Item media 1 (screenshot) for OmniStyler Release Candidate
Item media 1 (screenshot) for OmniStyler Release Candidate
Item media 2 (screenshot) for OmniStyler Release Candidate
Item media 3 (screenshot) for OmniStyler Release Candidate
Item media 4 (screenshot) for OmniStyler Release Candidate

Overview

Point at an element, restyle it visually, and generate targeted CSS with Chrome built-in AI, local AI, or a cloud model.

OmniStyler is visual styling for your whole web presence — and the best in the world at the hardest surface on the web: Salesforce Experience Cloud. Point at any element on a live page, restyle it visually, watch it change instantly, and collect every edit into one clean stylesheet. No view-source, no guessing at selectors, no day-long CSS loop. THE LOOP • Pick — click any element, even inside shadow DOM (Experience Cloud FlexCards and Lightning components included). • Style — grouped visual controls for color, background, spacing, typography, borders, effects, and background images. Every change applies live on the real page. • Collect — edits accumulate into one stylesheet and survive page reloads, saved per site. • Ship — copy a ready-to-paste <style> block for Salesforce Head Markup, or download a .css for any site. WHY THE SELECTORS HOLD Frameworks churn auto-generated class names every release. OmniStyler anchors on stable attributes (like data-test-id), scopes to structural wrappers, ignores volatile classes, and adds !important only when the runtime forces an inline style — so your styling survives the next release. Hardened on Salesforce; dependable anywhere. BUILT FOR THE HARD PARTS • Shadow-DOM-piercing picker that reaches inside Experience Cloud components. • Hover and focus states. • Live "Test selector" with a match count — so you never restyle 40 things by accident. • Merge with your site's existing CSS using real CSS parsing: matching rules update, new ones append, and conflicts that could still win are flagged. • Design tokens — define brand colors and spacing once; matching values save as CSS variables, so a rebrand is one change instead of a hunt through every rule. • Load a distributed .css to apply a shared style in one click. • 50-step undo, reset, and clear. AI ASSIST (optional) Describe a look in plain words and get a proposed set of styles. Choose Chrome's built-in AI (on-device), a local model (Ollama), or your own cloud API key. Preview before applying — nothing changes until you say so. OPTIONAL ACCOUNT Sign in with an email code (no password) to back up your saved themes and share them with a teammate. The full editing loop is free and works entirely on your machine — no account required. WORKS ON Salesforce Experience Cloud (Aura and LWR) and any standard website you own — portals, landing pages, and marketing sites. PRIVACY Your edits stay in your browser until you choose to sync. OmniStyler never asks for your site or Salesforce credentials, and it requests access only to the site you are actively styling.

Details

  • Version
    2.0.0-rc16 · account brand kit · 2026-06-14
  • Updated
    June 14, 2026
  • Offered by
    issam.alameh
  • Size
    260KiB
  • Languages
    English
  • Developer
    Email
    support@omnistyler.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

OmniStyler Release Candidate has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

OmniStyler Release Candidate handles the following:

Personally identifiable information
Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Hide Elements

5.0

Hide Elements Chrome Extension lets you hide, disable, or restore HTML elements on any webpage and keeps your changes saved.

Custom CSS Injector – custom styles per domain

5.0

Inject custom CSS per domain. A minimalist, ultra-efficient extension to style any website without bloat or heavy features.

Modify — Visual CSS Editor for AI Coding Agents

5.0

Edit live webpages with a visual CSS editor, then copy exact changes as a structured prompt for terminal AI coding agents.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

VisualDNA – Design System Extractor

5.0

Extract the complete visual design system of any site. Get colors, typography, components, and generate AI-ready prompts instantly.

DOM Extractor

0.0

Select elements or areas and copy their DOM structure and CSS to ask AI models for help.

HTML/CSS Section Copier

5.0

Extracts selected section and provides raw HTML and CSS.

Modify - AI-Powered Website Modifier

5.0

Customize any website with AI. Remove ads, change colors, transform elements - just describe it. No coding required.

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

InspectMode Pro: AI Prompt, Inspect, Color, Fonts

5.0

Click any element to copy an AI prompt for Cursor, Claude & Codex. Inspect CSS, pick colors, find fonts & grab assets.

Design Snap – Design Tokens, Tailwind & shadcn/ui Themes

5.0

Extract design tokens from any website, generate shadcn/ui & Tailwind themes, and inspect any element's CSS.

Prompt Optimizer

0.0

Refine AI prompts in-page or in a popup. Gemini, OpenAI, or local Ollama. Templates, secure keys, side-by-side preview.

Hide Elements

5.0

Hide Elements Chrome Extension lets you hide, disable, or restore HTML elements on any webpage and keeps your changes saved.

Custom CSS Injector – custom styles per domain

5.0

Inject custom CSS per domain. A minimalist, ultra-efficient extension to style any website without bloat or heavy features.

Modify — Visual CSS Editor for AI Coding Agents

5.0

Edit live webpages with a visual CSS editor, then copy exact changes as a structured prompt for terminal AI coding agents.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

VisualDNA – Design System Extractor

5.0

Extract the complete visual design system of any site. Get colors, typography, components, and generate AI-ready prompts instantly.

DOM Extractor

0.0

Select elements or areas and copy their DOM structure and CSS to ask AI models for help.

HTML/CSS Section Copier

5.0

Extracts selected section and provides raw HTML and CSS.

Modify - AI-Powered Website Modifier

5.0

Customize any website with AI. Remove ads, change colors, transform elements - just describe it. No coding required.

Google apps