24 KiB
+++ title = "Web-based vector graphics editor and design tool" template = "section.html"
[extra] css = ["index.css"] js = ["image-interaction.js", "video-embed.js"] +++
Redefining state‑of‑the‑art graphics editing
Graphite is an in-development raster and vector graphics package that's free and open source. It is powered by a node graph compositing engine that fuses layers with nodes, providing a fully nondestructive editing experience.
Valley of Spires — Open this artwork to explore it yourself.
Design mockup for the work-in-progress raster editing pipeline. Some of these raster-specific nodes are not implemented yet, but will be soon!
Design mockup for the work-in-progress raster editing workflow. Some of the features shown here are not implemented yet, but will be soon!
Graphite today alpha release
Vector graphics editing
Node-based layers
Procedural design workflow
Open source and free forever
Graphite is a lightweight vector graphics editor that runs offline in your browser (no sign up required) and offers the unique feature of a node-driven procedural vector workflow.
Graphite tomorrow
Looks and feels like traditional WYSIWYG design apps
Clean, intuitive interface built by designers, for designers
Real-time collaborative editing
Windows/Mac/Linux/Web/iPad
One app to rule them all
Stop jumping between programs. Planned features will make Graphite a first-class design tool for all these disciplines (listed by priority).
Graphic Design
Image Editing
Digital Painting
Motion Graphics
VFX Compositing
Desktop Publishing
Follow along
Jump right in
Get started with Graphite by following along to a hands-on quickstart tutorial.
Powerful proceduralism
Graphite is the first and only graphic design app to offer procedural vector editing.
This new capability has just recently shown its potential. Now, expanding Graphite's procedural powers is the focus of development in 2024.
Proceduralism lets you create sophisticated design elements that are easy to edit and reuse. The holiday string lights shown below are built from a simple group of nodes, allowing you to effortlessly reshape the wire and update the bulb appearance and spacing. Click here to explore this demo and try dragging the wire layer's points with the Path tool ().
Graphite's data-driven approach to graphic design affords unique capabilities (while in alpha, these remain a work in progress):
Fully nondestructive editing with node-driven layers
Infinitely scalable raster content with no pixelation
Integrated generative AI models and graphics algorithms
Procedural pipelines for studio production environments
Support the mission
You can help realize Graphite's ambitious vision of building the ultimate 2D creative tool. Graphite is built by a small, dedicated crew of volunteers in need of resources to grow.
Art takes shape
All you've come to expect from a professional vector graphics editor. Now readily accessible in your browser.
Make vector art out of shapes ranging from simple geometric primitives to complex Bézier curves.
Style shapes with strokes, fills, and gradients. Mix layers with blend modes. Then export as an image or SVG.
Just a Potted Cactus
Open this artwork to explore it yourself.
Watch this timelapse showing the process of mixing traditional vector art (tracing a physical sketch and colorizing it, first two minutes) with using Imaginate to generate a background (last 45 seconds).
(Recorded in an older version of Graphite from early 2023.)
Get involved
The Graphite project could not exist without its community. Building its ambitious and versatile feature set will require contributions from artists, designers, developers, technical experts, and eagle-eyed bug hunters. Help build the future of digital art.
