LeaferJS released: open source, powerful 2D graphics library

website cover

We are very happy to announce that the LeaferJS engine, which has been developed for 2 years, is officially released!

Welcome to the world of LeaferJS, an engine that inspires creativity and opens up endless possibilities! Here, digital product development is no longer a difficult task, but an enjoyable journey of discovery. Thanks to all the friends who participated and provided support. It is because of your assistance that we can proudly present this unique graphics rendering engine to everyone.

Application Scenario

LeaferJS is a colorful HTML5 Canvas 2D graphics rendering engine. It has the super ability to create 1 million graphics in an instant. It can be combined with AI for drawing and interface generation. At the same time, LeaferJS also provides unified and rich interactive events for cross-platform development, and will soon support applets and Node.js.

LeaferJS provides a new service that you can use to develop any technology and product related to drawing and UI interface. It provides out-of-the-box functions that can help you quickly develop online graphics, images, text and other digital products. Whether it is Photoshop, Figma, Miro, InVision, Canva, Notion or similar products of Webflow, LeaferJS can meet your needs. Demand, application scenarios are quite rich!

Including but not limited to the following application scenarios:

  1. Online design and online whiteboard tools
  2. Online graphics editor and authoring tool
  3. Online document browsing and authoring tools
  4. Data visualization and graphing tools
  5. Interface development for websites and applications
  6. Interface generation tools for no-code platforms
  7. Create interactive games and animations

Most importantly, LeaferJS is completely free and open source, and easy to learn and use, allowing you to quickly master its powerful functions.

Core advantage

Extremely fast creation, million-level graphics

The LeaferJS engine breaks through industry conventions and realizes the ability to run millions of graphics. The creation speed is even more astonishing. In just 1.5 seconds, one million interactive rectangles can be created. Compared with similar engines, LeaferJS has a creation speed of more than 10 times, and even far exceeds HTML5 itself.

Create a speed comparison

Just as Musk's Hyperloop plan pushes the speed of high-speed rail to a new level, the LeaferJS engine breaks through the speed limit of the graphics industry, providing developers with unlimited possibilities to create amazing graphics effects.

Extreme performance, extremely low resource usage

LeaferJS pursues the ultimate performance. Creating 1 million interactive rectangles only takes up 350MB of memory, much lower than similar engines. In addition, LeaferJS has very little code, only 42KB after gzip compression, which is one of the most compact engines of its kind.

Memory usage comparison

Rich expressiveness, concise and easy-to-use API

The LeaferJS engine has rich expressiveness, including various gradients, pattern filling, inner and outer shadows, blurring, masking, clipping, path conversion and other features. After repeated scrutiny and polishing, we provide a concise and easy-to-use API, allowing developers to implement functions with the least amount of code.

Function

Perfect documentation, continuous evolution

We provide LeaferJS with easy-to-learn and use documentation, each important function has detailed code samples and display effects. We are committed to ensuring the stability of the main functions of the product, and have conducted comprehensive automated testing. While LeaferJS is still evolving, we believe it has what it takes to get your projects started.

Function

Mission and Vision

We are committed to implementing a simple, open and modern UI drawing language standard through LeaferJS, and providing a cross-platform, lightweight and high-performance runtime for digital product development. We hope that different software can communicate, collaborate, and share drawing data and digital interfaces. Through continuous innovation of graphics technology and supporting support, more developers will be attracted to join in the use, and an open ecological environment will be established to communicate with each other. To promote the rapid development of the industry and produce more innovative technologies and products.

Our passion makes everything possible

The birth of LeaferJS was not all smooth sailing. During the development process, we faced many technical challenges, paid a huge price, and hovered on the edge of failure many times. However, it is our love for the graphics industry and the pursuit of our mission that pushes us to continue to explore, overcome many difficulties, and overcome challenges one after another. Finally, we successfully brought the LeaferJS engine to everyone.

Start a creative journey

Now, you can start your creative journey with the help of the LeaferJS engine! The release of LeaferJS is not only the birth of an engine, but also an exciting moment. We believe that through LeaferJS, you will have creative abilities beyond imagination and bring new possibilities to digital product development.

Let's create a future full of creativity and innovation together, and let LeaferJS become your important partner in creating a beautiful digital world!

Please visit our official website to learn more about LeaferJS and experience its excellent performance.

www.leaferjs.com

Guess you like

Origin www.oschina.net/news/247911/leaferui-open-source