C'est icon

C'est

A visual CSS editor for Mac. Browse your stylesheets as node diagrams, edit variables, and write code — all in one place.

Download for Mac

macOS 14 or later · Apple Silicon · Includes sample project

Installation: Unzip, move C'est.app to your Applications folder, then run this in Terminal:

xattr -dr com.apple.quarantine "/Applications/C'est.app"

Then double-click to open normally.

Rulesets Canvas

Every ruleset is a visual node. Nested selectors are indented automatically. Drag to reorder, double-click to rename, and ⇧ or ⌘-click to select multiple nodes at once.

{ }

Code Editor

Full syntax-aware code view. Switch tabs and your cursor position syncs back to the selected ruleset or variable.

Variables Panel

All CSS custom properties grouped by ruleset with collapsible sections. Edit names and values inline, drag to reorder, and see color swatches with live var() resolution.

Property Editor

Click any node to edit its properties with autocomplete, color pickers, and a variable picker. Select multiple nodes to view and batch-edit their shared properties simultaneously.

Multi-file Projects

Open a folder and browse all your CSS files in the sidebar. Create, rename, duplicate, and delete files without leaving the app.

↩︎

Full Undo / Redo

Every action — edits, renames, reorders, color changes, additions, and deletions — is undoable and redoable.

Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Download for Mac

macOS 14 or later · Apple Silicon · Includes sample project