Community Participation
This page collects contributions and related content from early LeaferJS community members.
Open Source Stories
Can’t afford Canva? We built an open-source online design tool with LeaferJS @Gzm Design
Abandoning heavy 3D: I rebuilt a school library seat selection system with LeaferJS @Seeridia
From “no graphics background” to launching a poster editor: a love-hate journey with LeaferJS @Ranbow
Articles
Made-in-China Canvas Engine! A true game-changer! @Front-end Development Enthusiast
The rise of a Chinese Canvas king! Why LeaferJS is crushing competitors and becoming developers’ new favorite @AI Front-end Explorer
[Open Source] The rise of a Chinese Canvas engine! LeaferJS: renders 1M shapes in 1.5 seconds, performance crushing foreign libraries @Grid Open Source Stack
[Front-end New Trend] LeaferJS: a next-gen graphics engine reshaping front-end development @Web Front-end Intelligence Hub
[Open Source] A powerful Canvas engine with a revolutionary developer experience, compatible with AI drawing and UI generation @Yifei Open Source
LeaferJS: a brand-new Canvas rendering engineSource code performance analysis @null
Latest release! Free open-source image & poster editor tool @Mantou
Videos
LeaferJS high-performance Canvas engine @Front-end Liu Xiaohui
A new graphics rendering engine, now even faster @Qiezi Programming
This front-end plugin can actually draw a dragon @Programmer Rain
Tutorials
An unusual dynamic clock: React + Leafer implementation of a train-style clock @Fire Tree Silver Flower
I replaced fabric.js with leaferjs @Front-end Wulian
Basic usage of LeaferJS elements @Front-end Wulian
element-plus-leafer documentation @kooriookami
Super Mario game development tutorial @hhzzcc
Developing mini-games with Leafer – Tetris @Ziyang
Pixel-style editor from Konva to Leafer @Zao Bar
React using Leafer to render large data tables @Fire Tree Silver Flower
Leafer plugin development tutorial @Ziyang
A Yu-Gi-Oh card rendering tool built with leafer-ui @kooriookami
A canvas text compression tool built with leafer-ui @kooriookami
LeaferJS first experience & applied mathematics @Ziyang
Scenario Cases
Integrated Information Management System 🎉🎉🎉 Preview @Captain Big Dragon Team
WL Draw open-source whiteboard app Preview @Nuan Ye
Web-Sport-Data-Overlay Preview Online sports data video editor @Lang
leafer-flow Preview Excalidraw-like product direction @GDO
Tetris game @Xiao Tang
Luminous online drawing board @xjq7
Snake game @Yang 🐑🐑
Information science interactive courseware @zhk
Music-reactive backlit keyboard @xjq7
Simulated diverse snowflake effects @xjq7
TO NORTH online annotation tool @tonorth.netlify.app
Dot matrix background effect @tuntun
Drawing board built with Leafer + Vue3 @WHSnhcZDYRZC
Minesweeper game @xjq7
Minesweeper Minesweeper game @Yang 🐑🐑
FlyCut Online video editing tool @x007xyz
ShotEasy Online screenshot beautifier tool @Chen Liwen
Super Mario game Supports map editing @hhzzcc
Leafer Games Leafer mini-game hub @Ziyang
Tuhigh Mobile-friendly online design tool @Nevermore
element-plus-leafer UI components @kooriookami
danmaku-leafer High-performance Canvas danmaku system @danmaku-leafer
compress-text Text compression & phonetic annotation @kooriookami
mark-canvas Data annotation tool @Yohann
Animation chart rendering @Biu
Product Cases
OmniSystem Integrated information management system @Captain Big Dragon Team
4oGen AI AI high-quality image generation tool @sunboy
Light Shadow Calendar DIY calendar @ozar
Icon Workshop Your custom icon expert @Scattered Programmer
Screenshot Tool Plus All-in-one screenshot and beautification tool plugin @xiaou
Border Watermark Genie Quick photo watermark tool @ozar
fig2leafer Render Figma files with Leafer @jianghanyue
Fun Design PS poster/avatar/logo design @BO
Creative Emoji DIY WeChat emojis @goosen
Lazyva Online design tool (mobile supported) @ozar
Simple Design Free online design and image processing tool @Ove🚀
Bead Design WeChat mini-program DIY beads @&He@Yi…
image-editor-core Open-source image design SDK @Mantou
image-editor Open-source image design tool @Mantou
Image Free Split Tool @Anonymous
NinjaQR Image QR code tool @ArcherGu
ikon Icon generation tool @ArcherGu
Open Source Poster Designer @Mao Dou Hua Sheng
No Resume @Shuang Xun Nian
Puzzle Game @zhk
yugioh-card Yu-Gi-Oh card renderer @kooriookami
Leafer Drawing Board Online simple drawing board @Ziyang
Front-end Component Development
leafer-vue Vue3 component @FliPPeDround
Code Snippets
Grid snapping feature @Curapica
Undo / redo feature @(இωஇ)
Hold Shift for orthogonal line editing @(இωஇ)
Ruler implementation example @(இωஇ)
Enhanced Features
leafer-compress-text Text compression & phonetic annotation @kooriookami
react-leaferjs alpha @Zhen
Plugins
AI
leafer-x-design-system Design system generator @q86830-hue
New Version
leafer-x-echarts echarts plugin @sedrew
leafer-x-dotwuxian infinite dot matrix plugin @scory01
leafer-canvas-player video player plugin @rideWind97
leafer-connector enhanced connector plugin @rideWind97
leafer-x-effect-text effect text plugin Preview @Rainbow
leafer-unified unified package for web & node Leafer @kooriookami
leafer-x-polyline-editor polyline editor plugin @johnnhan
leafer-x-easy-snap enhanced snapping plugin @Rainbow
leafer-x-clip-resize-inner-editor simple image crop editor @Rainbow
leafer-x-path-editor path editor plugin @xjq7
leafer-x-snap snapping plugin @tuntun
leafer-x-edit-toolbar editing toolbar plugin @Jiyu Shao
figma to leafer elements @jianghanyue
leafer-x-dot-matrix dot matrix background plugin @tuntun
leafer-x-tooltip-canvas canvas tooltip plugin @Tang Song Yuan Ming Qing
leafer-x-connector connector plugin @A☀️ Yun ☀️A
leafer-x-ruler ruler plugin @Mao Dou Hua Sheng
leafer-x-tooltip tooltip plugin @Ziyang
Sponsorship
leafer-x-guide-line guideline snapping plugin @Mao Dou Hua Sheng
Legacy
leafer-flex-plugin flex layout plugin @FliPPeDround
leafer-signature-plugin electronic signature plugin @Ax
leafer-cocossd-plugin AI image recognition plugin @Ax
leafer-pdf-plugin PDF plugin @Zhen
leafer-tooltip-plugin tooltip plugin @Ziyang