Skip to content
vibetrend

OpenPencil

Open-source design editor with cloud documents and React shell

Alternative toFigma

–
Today
–
7 days
#700
30 days
pencil.dev.yoohoo.cnOpen live site ↗
Screenshot of OpenPencil homepageVisit pencil.dev.yoohoo.cn ↗

What is OpenPencil?

OpenPencil is a design editor built on an open-source engine supporting `.fig` and `.pen` file formats, CanvasKit rendering, and a programmable SceneGraph. This fork by Yoohoo adds a React application shell, cloud document storage, and backend integration for business deployment. The repository describes it as an open-source Figma alternative.

The editor runs as a static web app with an optional Java backend for cloud features and OSS storage. It supports components, instances, layout systems, and can be self-hosted via Docker Compose. Development uses Bun, React, and TypeScript, with the core engine shared from upstream OpenPencil.

Momentum

Daily activity over the last 30 days: upvotes, unique visits, new GitHub stars and Hacker News points.

2026-09-29: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-09-30: 0 upvotes, 0 visits, 86 stars, 0 HN points2026-10-01: 0 upvotes, 0 visits, 81 stars, 0 HN points2026-10-02: 0 upvotes, 0 visits, 67 stars, 0 HN points2026-10-03: 0 upvotes, 0 visits, 2 stars, 0 HN points2026-10-04: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-05: 0 upvotes, 0 visits, 2 stars, 0 HN points2026-10-06: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-07: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-08: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-09: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-10: 0 upvotes, 0 visits, 2 stars, 0 HN points2026-10-11: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-12: 0 upvotes, 0 visits, 44 stars, 0 HN points2026-10-13: 0 upvotes, 0 visits, 203 stars, 0 HN points2026-10-14: 0 upvotes, 0 visits, 264 stars, 0 HN points2026-10-15: 0 upvotes, 0 visits, 166 stars, 0 HN points2026-10-16: 0 upvotes, 0 visits, 1 stars, 0 HN points2026-10-17: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-18: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-19: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-20: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-21: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-22: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-23: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-24: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-25: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-26: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-27: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-28: 0 upvotes, 0 visits, 0 stars, 0 HN points
30 days agotoday

How do we know it's vibe coded?

vibetrend discovered OpenPencil automatically. Evidence: GitHub yoohoo360/open-pencil-cloud; repo has .claude, AGENTS.md. View source.

Similar vibe-coded apps

OpenDesign screenshot#7 this week
OpenDesign

Open-source design workspace that turns coding agents into a local design engine

Claude Code★ 105k GitHub stars
SOMA screenshot
SOMA

Open-source AI CAD where your coding agent designs 3D models

Claude Code★ 402 GitHub stars
Login screenshot
Login

Open-source Rust screen recorder for polished product videos

Claude Codev0★ 263 GitHub stars
cadrs screenshot
cadrs

Parametric CAD app written in Rust, runs locally with AI assistant support

Claude Code★ 103 GitHub stars
cadrs screenshot
cadrs

Parametric CAD app written in Rust, runs locally with AI assistant support

Claude Code★ 103 GitHub stars