Skip to content

Latest commit

 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pixlab

MIT License React 19 TypeScript Vite No uploads


Pixlab is a growing set of professional-grade creative tools that run entirely in the browser. No accounts, no uploads, no servers in the loop - every pixel and every frame is processed on your own machine.

Support Pixlab

If you find Pixlab useful and would like to support its development, consider making a donation!

Donate Button Ko-fi Button

Tools

Photo Editor

A layer-based photo editor: blend modes, brushes, selections, and non-destructive adjustments, plus curves, levels, hue/saturation, and color balance for precise color grading.

  • Layers with blend modes
  • Brushes, selections, masks
  • Curves, levels, color balance
  • History brush

apps/photo-editor

Pixlab Photo Editor

Video Editor

A multi-track timeline editor: transitions, color grading, text and captions, and export - all processed locally with ffmpeg.wasm. Includes a sticker studio with automatic and hand-drawn background cutout.

  • Multi-track timeline, transitions
  • Color grading, text overlays, captions
  • Sticker studio (auto or hand-drawn cutout)
  • MP4/WebM export via ffmpeg.wasm

apps/video-editor

Pixlab Video Editor

Coming next

Coming next: Pixlab Photo Studio and Cadora

Getting started

Each app under apps/ is an independent Vite + React + TypeScript project with its own package.json - run them individually:

cd apps/site           # or apps/photo-editor, apps/video-editor
npm install
npm run dev

The site expects the tool apps to be pre-built into apps/site/public/editor and apps/site/public/video-editor so it can serve them locally at the /editor and /video-editor routes, exactly as they're embedded in production.

Building

Build an individual app the normal way:

cd apps/photo-editor
npm install && npm run build   # outputs to apps/photo-editor/dist

To build both tools and embed them into the site (what production actually serves):

./scripts/build-tools.sh
cd apps/site && npm install && npm run build

Project structure

pixlab/
├── apps/
│   ├── site/            landing page, embeds the tools below
│   ├── photo-editor/    layer-based photo editor
│   └── video-editor/    timeline-based video editor
├── docs/screenshots/    images used in this README
└── scripts/
    └── build-tools.sh   builds the tools and embeds them into the site

License

MIT - see LICENSE.

About

Creative tools built for the browser.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages