https://github.com/lume/lume

Create 3D web applications with HTML. Bring a new depth to your DOM!
https://github.com/lume/lume

3d 3d-engine 3d-graphics 3d-models css3d custom-elements dom-elements graphics graphics-engine graphics-programming html javascript lume scene three-d three-dimensions threejs ui web-components webgl

Last synced: 8 days ago
JSON representation

Create 3D web applications with HTML. Bring a new depth to your DOM!

• Host: GitHub
• URL: https://github.com/lume/lume
• Owner: lume
• License: mit
• Created: 2014-12-30T18:40:12.000Z (almost 10 years ago)
• Default Branch: develop
• Last Pushed: 2024-10-16T02:26:46.000Z (23 days ago)
• Last Synced: 2024-10-29T15:20:09.252Z (10 days ago)
• Topics: 3d, 3d-engine, 3d-graphics, 3d-models, css3d, custom-elements, dom-elements, graphics, graphics-engine, graphics-programming, html, javascript, lume, scene, three-d, three-dimensions, threejs, ui, web-components, webgl
• Language: TypeScript
• Homepage: https://lume.io
• Size: 127 MB
• Stars: 1,340
• Watchers: 36
• Forks: 60
• Open Issues: 122
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-game-engine-dev - LUME - Simplifies the creation of interactive 2D/3D experiences. (Libraries / JavaScript)
• awesome-list - lume
• awesome-web-components - Lume - Custom elements for defining 2D or 3D scenes rendered with CSS3D or WebGL. (Real World / Component Libraries)

README

        


# 

#### **A toolkit that simplifies the creation of rich and interactive 2D or 3D experiences.**



  Home  · 

  Documentation  · 

  Examples  · 

  Forum  · 

  Chat  · 

  Source



### `npm install lume`

## Features

LUME is composed of several packages that can be used individually, or

together as a whole:

### [`lume`](./README.md) - HTML elements for rich graphics

HTML elements for easily defining rich and interactive 2D or 3D applications

powered by CSS3D, WebGL, or a combination of both.

This package uses and re-exports features from the below packages.

### [`@lume/element`](//github.com/lume/element) - System for defining HTML elements

This is a web component system that allows you to create new, fast, and

performant HTML elements in a simple way. It provides the foundation for

LUME's HTML elements, and a standard pattern for building new elements that

extend the features of LUME.

### [`element-behaviors`](//github.com/lume/element-behaviors) - Mix functionalities onto HTML elements

This allows you to augment HTML elements with features called "behaviors"

that are similar to custom elements: each behavior is defined as a `class`

that has the same lifecycle methods as custom elements. The difference is

that an unlimited number of behaviors can be associated with an element.

### [`glas`](//github.com/lume/glas) - WebGL engine written in AssemblyScript (WIP)

This is a WebGL engine with the consistent performance of WebAssembly, written

in [AssemblyScript](http://assemblyscript.org/) (a TypeScript-to-WebAssembly compiler).

## LUMECraft

LUMECraft is a collection of applications made with LUME, showing what LUME can do, and serving as forkable starting points for further customization.

### [`first-person-shooter`](//github.com/LUMECraft/first-person-shooter) - First-person shooter game

A first-person shooter game foundation made with LUME, Solid.js, and Meteor.

## Getting involved

There are various ways to get involved!

- Visit the [documentation](//lume.io/docs) and make something awesome!

- Submit fixes or new features to any packages or the website! See the

  [contributing](./CONTRIBUTING.md) guide.

- Discuss LUME, get help, or help others in the [forums](//lume.community) or

  on our Discord [chat server](//discord.gg/PgeyevP).

## Status

[![tests](https://github.com/lume/lume/actions/workflows/tests.yml/badge.svg)](https://github.com/lume/lume/actions/workflows/tests.yml)