leaferjs/leafer-ui
 Watch    23
 Star    2.7k
 Fork    93

leafer-ui

一款好用的 Canvas 引擎,革新的开发体验,可用于高效绘图 、UI 交互(小游戏、互动应用、组态)、图形编辑。

LeaferJS

提供了丰富的 UI 绘图元素,和开箱即用的功能,如自动布局、图形编辑、SVG 导出等,方便与 PS、 Figma、Sketch 等产品进行对接。并为跨平台开发提供了统一的交互事件,如拖拽、旋转、缩放手势等。

📗 图文并茂、由浅入深的了解 LeaferJS

📙 全新动画、状态、过渡、游戏功能

📘 绝境中盛开,LeaferJS 的创业故事

如果你觉得不错,请帮我们点个 Star 🌟 ,让这个库被更多的人看见 - GitHub / Gitee ✨ ✨ ✨

快速入门

1. 准备在线 Playground 环境

可通过 Cloud Studio 模版创建一个 LeaferJS 项目,用于运行、练习后续的示例代码。

2. 学习 LeaferJS 快速入门教程

跟随官网教程步骤(文档底部有下一步引导按钮)从浅到深的学习,动手调试每一段示例代码。

3. 开发一个画龙点睛的小游戏

给你一条会飞的龙,看你能做出什么好玩的小游戏分享给我们 ◠‿◠

快速安装

🚀 想马上在产品中使用,请安装 leafer-ui,开始你的探索之旅。

场景包

高效绘图场景,推荐安装更轻量的 leafer-draw (49KB min+gzip)。

游戏开发场景,推荐安装更省心的 leafer-game,已集成了游戏相关插件。

图形编辑场景,推荐安装更省心的 leafer-editor,已集成了图形编辑器相关插件。

互动交流

有问题、建议可以 提交 issue,留下你的贡献足迹,了解 提问的智慧

欢迎加入 技术交流群 ,与小伙伴们建立联系,共同学习进步,偶尔会有特殊福利。

仓库组成

LeaferJS 主集成仓库,可直接运行代码。

leafer 核心仓库。

leafer-ui UI 仓库。

leafer-in 插件仓库。

leafer-x 社区插件提交仓库。

test 自动化测试仓库。

使命与愿景

LeaferJS 致力于实现一套简洁、开放、现代化的 UI 绘图语言标准,表现力丰富,便于 AI 理解,人类可视化使用,并为数字化产品开发提供跨平台、轻量化、高性能的运行时。

让不同的软件之间能够沟通、协作、共享绘图数据,让数字化产品开发可以更快、更简单。

通过不断革新的图形渲染技术、配套支持, 吸引更多的开发者加入使用,建立起一个开放的生态环境,沟通有无,互相从中受益,推动行业的快速发展,并诞生出更多有创意的技术和产品。

我们的目标不仅是让它成为前沿的 2D 和未来的 3D 引擎技术,还希望它能够为开发者带来极致的开发体验,助力开发者快速构建 AI 时代的网页、应用、设计、画布、游戏和动画等可视化生产力工具(如下一代 local-first 的 Figma、Miro、Notion、Unity、Adobe、Canva、Webflow 等)。

覆盖场景

这是一段漫长而又充满乐趣的旅程,我们正在年复一年、坚定地向这个目标持续前进,可以通过 开发计划 了解更多信息。

卓越文化

我们追求慢慢打造出这样的团队与社区氛围:

真诚坚韧、追求卓越、热爱生活、与众不同、倾听、互帮互助、懂得取舍、不怕失败、结果导向

我们相信当一个人身心强健,对这个世界充满无限好奇的时候,会产生出源源不断的生命力和创造力,所以我们鼓励追求卓越与热爱生活,也许我们会因为健身、美食、旅行、摄影、音乐、写作、绘画、舞蹈、游戏等热爱而了解彼此,也许我们还会有自己的乐队、画展、读书会...

我们要一起去攀登一座座别人从未到达过的高峰,同时我们也了解自己的能力边界,将聪明才智都聚焦到我们最感兴趣,也对用户最有价值的那个点上,在那里做出前人未曾有过的东西。

我们知道成功并非一蹴而就,所以我们接纳路途中的失败、偶尔的躺平,只要拥有坚韧的气质和永不放弃的精神,从失败中吸取教训,不断成长,积累一个个小小的胜利,就一定会抵达目的地。

希望我们能一起创办出 一家像胖东来一样的新型互联网企业和社区, 如果你喜欢这样的文化,欢迎阅读 贡献指南,可以一起参与进来。

贡献指南

当你使用 LeaferJS 时, 你就已成为了 这个充满活力的大家庭 的一员,踏入这座建设中的“技术城堡”。只有通过每位成员的热情参与与贡献,这座城堡才能逐步走向完善。

社区行为准则

代码提交规范

提问的智慧

有问题、建议可以 提交 issue 讨论,它更加开放与透明,能够帮助社区沉淀经验,避免重复劳动。

致谢贡献者

每一位贡献代码的社区成员

每一位参与生态的社区成员

赞助商

金牌赞助商

银牌赞助

铜牌赞助

李维亮   朝夕   SaltedFish   zhk   格子   等等   goosen   建伟F4nniu   梁福斌   江万江   杨超   ToB Dev   前端之虎陈随易   A☀️云☀️A   ʚ LMT ɞ   爱发电用户_c9c82   轻简历   爱发电用户_0fac0   wangyesheji.cn   风间   爱发电用户_Tqsm   爱发电用户_6KpE   dongdong   zwm   爱发电用户_3725c   Noth1ng   纳西妲の√   爱发电用户_Ahb9   爱发电用户_7617d   冷漠   爱发电用户_9RXB   今日值得读   爱发电用户_49sT   爱发电用户_NFCS   爱发电用户_43ad8   爱发电用户_30455   xiaozhang   砖吐筷筷   爱发电用户_b47b3   longbow1998   爱发电用户_5d755   爱发电用户_b76b8   爱发电用户_e70c2   爱发电用户_039dc   花祁   爱发电用户_99f39   坤坤   爱发电用户_X6hp   爱发电用户_s5u9   曹吉美爸爸   啸沧海   Ronny   Biu   王志强   PD.新城คิดถึง   糖颂缘冥倾   ALBERT.   爱发电用户_UXEV   SaltedFish   爱发电用户_76f9d   Leafer   爱发电用户_Pbm7   

License

MIT 开源许可协议,可以免费使用,且能用于商业场景。

Copyright © 2023-present Chao (Leafer) Wan

关于
一款好用的 Canvas 引擎,革新的开发体验,用于高效绘图 、UI 交互、图形编辑。A user-friendly Canvas engine with a revolutionary development experience, for efficient drawing, UI interactions, and graphic editing.
最后更新于  1 days ago
License