OmniStyler Release Candidate

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.