Now Available on the Mac App Store

Write your SVGs.
See them come to life.

The Nice Slice is a native macOS app for editing and exploring vector graphics. Design shapes, tweak styles, inspect structure — all with a fluid, declarative workflow.

Download on the App Store Explore features →

$59.00 — one-time purchase · No subscription · Free updates for this version

The Nice Slice — star.svg
<!-- star.svg -->
<svg viewBox= "0 0 100 100" >
<g id= "star-group" >
<polygon
points= "50,5 61,35 95,35..."
fill= "#2ee2ce"
stroke= "#90fdf1"
stroke-width= "2" />
</g>
</svg>
Part of the Aeon Development Suite
Aeon Color The Nice Slice ZippyCue Aeon Stencil · Soon Aeon Sapphire · Soon Aeon 3d · Soon
Built for
🍎 macOS Native ✏️ SVG Editing 🔷 PastelVG JSON 📐 FileMaker Icons 🔒 100% Offline 📚 Learn SVG 🍎 macOS Native ✏️ SVG Editing 🔷 PastelVG JSON 📐 FileMaker Icons 🔒 100% Offline 📚 Learn SVG
Explore Hidden Worlds

Inside Every SVG

SVGs aren't just graphics — they're structured scenes, built from shapes, layers, and transforms. Nice Slice lets you navigate those scenes visually. Inspect, edit, and understand every element in real time. Whether you're designing or debugging, PastelVG gives you a clean, JSON-based view into your files — and Nice Slice brings it to life.
Inside Every SVG Explore Features →
Nice Slice — layers visible, structure exposed
Layer Tree
▾ <svg>
▾ <g id="frame">
● <rect/>
● <circle/>
● <path/>
Inspector
element
rect
width
120
height
120
fill
rgba(46,226,206,0.07)
Core Features

Everything You Need to See Inside an SVG

The Nice Slice works like a transparent engine. Every visual change is reflected in code, and every code edit updates the canvas. You can sync between editing modes and witness how code evolves

✏️

Visual SVG Editing

Edit vector shapes directly — color, stroke, transforms, and hierarchy. Click any element in the element list and its code highlights in sync.

🔍

Live Code View

See the SVG source alongside the rendered graphic. Every change you make — visually or in code — can update the other side via interaction with the sync options.

🔷

PastelVG Integration

The world's first visual editor for PastelVG — a friendlier JSON-based way to write and visualize SVG structure.

🔄

Live SVG ↔ PastelVG

Convert SVG to PastelVG and back with zero loss of visual fidelity. Your graphics stay pixel-perfect through every transformation.

🗂️

Layer & Group Insight

See exactly how elements are grouped and nested — no more guessing at structure. Navigate complex SVG hierarchies with clarity.

🍎

macOS Native — No Electron

Built specifically for Mac with native performance and UI. No browser wrapper. No Electron overhead.

The Transparent Engine

SVGs Aren’t Just Graphics — They’re Structured Scenes

Nice Slice lets you navigate those scenes visually. Inspect, edit, and understand every element in real time — whether you're designing, debugging, or learning.

    ✓
    Click any shape on the element list — its code highlights in the inspector
    ✓
    Change a fill color in code — the canvas updates without when you sync
    ✓
    See transforms, viewBoxes, and nested groups laid out clearly — no XML squinting
    ✓
    Perfect for learning: kids, students, and experienced developers benefit from full visibility
    ✓
    Write an SVG from scratch and watch it render path by path as you play
PastelVG — circle-icon.pastelvg
{
"format": "pastelvg",
"version": "1.0",
"viewBox": "0 0 100 100",
"elements": [
{
"type": "circle",
"cx": 50,
"cy": 50,
"r": 40,
"fill": "#2ee2ce",
"fillMode": "dynamic"
}
]
}
Open Spec · GitHub

Introducing PastelVG

A friendlier way to write and visualize SVGs using JSON. PastelVG is an open object model language that makes vector structure readable, portable, and developer-friendly. The Nice Slice is its first — and only — visual editor.

Human Readable

PastelVG JSON is structured to be read and written by humans — no cryptic attribute shorthand and no namespace chaos. Just clean objects.

Zero Fidelity Loss

Convert SVG → PastelVG → SVG without losing a single pixel. Every shape, transform, and style survives the round trip intact.

Open Spec

The PastelVG specification is open and hosted on GitHub. Build tools, write parsers, or extend the format.

Dynamic Fill Support

Elements support "fillMode": "dynamic" so downstream tools like FileMaker can control colors at runtime.

View PastelVG Spec on GitHub
FileMaker Integration
FileMaker Export Mode

Dynamic SVG Icons for FileMaker — Finally

The Nice Slice is the only SVG tool that exports icons specifically formatted for FileMaker button graphics — with dynamic fill color support managed through FileMaker’s own data layer.

Step 01

Design or Import

Start with any SVG — draw one from scratch in Nice Slice, import an existing file, or convert from PastelVG.

Step 02

Enable FileMaker Mode

Toggle FileMaker export mode and mark fills as dynamic.

Step 03

Export

One click exports your icon in FileMaker-ready format.

Step 04

Import to FileMaker

Drop the exported icon into your FileMaker button.

Simple, honest pricing
Buy once — yours forever
✓ Free updates for the lifetime of this version
✓ Future upgrades will be optional and low-cost
✓ No subscriptions, no locked features
✓ No in-app purchases, no surprises
✓ Available exclusively on the Mac App Store
One time purchase
$59.99

Buy once — yours forever

Download On App Store

Now available on the Mac App Store

FAQ

Common Questions

Everything you need to know about The Nice Slice and PastelVG.

PastelVG is a JSON-based object model language for describing SVG vector graphics in a friendlier, more readable format. The Nice Slice can convert SVGs to PastelVG and back with zero loss of visual fidelity. The spec is open and available on GitHub.
Yes. The Nice Slice includes a dedicated FileMaker export mode that formats SVG icons for use as button graphics in FileMaker solutions. Exported icons support dynamic fill color management through FileMaker's own data layer — something no other SVG tool currently offers.
Absolutely — it was designed with this in mind. The Nice Slice works like a transparent engine: every visual change updates the code, and every code edit updates the canvas. Kids learning to code, design students, and seasoned developers all benefit from that kind of immediate visual feedback.
Yes, completely. The Nice Slice is a native macOS application that requires no internet connection. All editing, conversion, and export happens on your Mac. No data is ever collected, transmitted, or stored remotely.
Figma and Inkscape are design tools that abstract away the SVG structure. The Nice Slice is a transparency tool — it shows you the code and the visual simultaneously, with live synchronization. It also supports PastelVG conversion and FileMaker export, which no other tool does. Think of it less as a design suite and more as a structured SVG IDE.
$59 is a one-time purchase — buy once and it's yours forever, with free updates for the lifetime of this version. Future major upgrades will be optional and priced fairly. No subscription, no in-app purchases, no surprises. Available exclusively on the Mac App Store.
🔒
Privacy First

We don't collect
your data.

"We don't collect your data. We don't track you. We don't even want to."

When you purchase The Nice Slice, your privacy is our top priority. No accounts. No analytics. No cloud dependency. Everything runs directly on your Mac.

🔒
No data collection
Nothing leaves your Mac. Ever.
📶
Fully offline
No internet required after installation
💳
One-time purchase
No subscriptions. No recurring fees.
🍎
Mac App Store verified
Reviewed and distributed by Apple · Privacy policy