leafer ui Download - leafer ui Source code download

leafer ui

Other resources

v1.2.2

Download

leaf-ui

A useful Canvas engine, innovative development experience, can be used for efficient drawing, UI interaction (mini games, interactive applications, configuration), and graphics editing.

It provides rich UI drawing elements and out-of-the-box functions, such as automatic layout, graphics editing, SVG export, etc., which is convenient for connecting with PS, Figma, Sketch and other products. It also provides unified interactive events for cross-platform development, such as drag, rotation, zoom gestures, etc.

? A picture and text, and a deep understanding of LeaferJS

? Brand new animation, status, transition, game functions

Blooming in desperate situations, LeaferJS's entrepreneurial story

If you think it's good, please help us click on a Star? so that this library can be seen by more people - GitHub / Gitee

Quick Start

1. Prepare for online Playground environment

A LeaferJS project can be created through the Cloud Studio template to run and practice subsequent sample code.

2. Learn LeaferJS Quick Start Tutorial

Follow the official tutorial steps (there is a next boot button at the bottom of the document) and learn from shallow to deep, and start debugging each sample code.

Quick installation

If you want to use it in the product immediately, please install leafer-ui to start your exploration journey.

Scene Package

For efficient drawing scenarios, it is recommended to install lighter-draw (51KB min+gzip).

For game development scenarios, it is recommended to install more worry-free leaf-game directly, and game-related plug-ins have been integrated.

Graphic editing scenarios, it is recommended to install the worry-free leaf-editor directly, and the graphics editor-related plug-ins have been integrated.

Interactive communication

If you have any questions or suggestions, you can submit an issue to leave your contribution and understand the wisdom of asking questions.

Welcome to join the technical exchange group to connect with your friends, learn and make progress together, and there will be special benefits occasionally.

Warehouse composition

LeaferJS main integrated repository, which can directly run code.

leafer core warehouse.

leafer-ui UI repository.

leafer-in plugin repository.

leafer-x community plugin submission repository.

test automated test warehouse.

Mission and Vision

LeaferJS is committed to implementing a simple, open and modern UI drawing language standards, which are rich in expressiveness, easy to understand AI, visually used by humans, and provides cross-platform, lightweight, and high-performance runtime for digital product development.

This allows different software to communicate, collaborate and share drawing data, so that digital product development can be faster and easier.

Through continuously innovative graphics rendering technology and supporting support, we will attract more developers to join in and use it, establish an open ecological environment, communicate about existence and whether there are or not, benefit from each other, promote the rapid development of the industry, and produce more creative technologies and products.

Our goal is not only to make it the cutting-edge 2D and future 3D engine technology, but also to bring the ultimate development experience to developers and help developers quickly build visual productivity tools such as web pages, applications, designs, canvases, games and animations in the AI era (Figma, Miro, Notion, Unity, Adobe, Canvas, Webflow, etc. of the next generation of local-first).

It’s a long and fun journey, and we are continuing to move forward year after year, year-on-year, and we can learn more through the development plan.

Excellent culture

We pursue slowly creating such a team and community atmosphere:

Sincere and tenacious, pursue excellence, love life, be unique, listen, help each other, know how to choose, not be afraid of failure, result-oriented

We believe that when a person is physically and mentally strong and full of infinite curiosity about the world, he will produce a continuous stream of vitality and creativity. Therefore, we encourage the pursuit of excellence and love of life. Perhaps we will understand each other because of our love for fitness, food, travel, photography, music, writing, painting, dance, games, etc., and perhaps we will also have our own band, art exhibition, and reading club...

We want to climb peaks that others have never reached before. At the same time, we also understand our own abilities and focus our intelligence on the point where we are most interested and most valuable to users, and make things that our predecessors have never had before.

We know that success does not happen overnight, so we accept failures on the road and occasionally lying flat. As long as we have a tough temperament and a spirit of never giving up, learn lessons from failures, continue to grow, and accumulate small victories, we will definitely arrive at our destination.

I hope we can jointly create a new Internet enterprise and community like Pang Donglai. If you like this culture, please read the contribution guide and you can participate together.

Contribution Guide

When you use LeaferJS, you have become a member of this vibrant family and step into this under-construction "technical castle". Only through the enthusiastic participation and contribution of each member can this castle gradually improve.

Community Code of Conduct

Code Submission Specification

The wisdom of asking questions

If you have any questions or suggestions, you can submit an issue discussion. It is more open and transparent, and can help the community accumulate experience and avoid repeated labor.