GithubHelp home page GithubHelp logo

LUME

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 - 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 - 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 - 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 - WebGL engine written in AssemblyScript (WIP)

This is a WebGL engine with the consistent performance of WebAssembly, written in AssemblyScript (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 - 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 and make something awesome!
  • Submit fixes or new features to any packages or the website! See the contributing guide.
  • Discuss LUME, get help, or help others in the forums or on our Discord chat server.

Status

tests

LUME's Projects

as-bind icon as-bind

Isomorphic library to handle passing high-level data structures between AssemblyScript and JavaScript 🤝🚀

asdom icon asdom

Use DOM APIs in AssemblyScript

aswebglue icon aswebglue

AssemblyScript WebGL bindings and glue code

autolayout icon autolayout

Apple's Auto Layout and Visual Format Language for JavaScript (using cassowary constraints)

basicss icon basicss

Better default CSS styling for the browser's builtin elements.

classy-solid icon classy-solid

Solid.js reactivity patterns for classes, and class components. See https://github.com/lume/element for a Custom Element system built with classy-solid.

cli icon cli

A CLI for managing TypeScript packages.

code-mirror-el icon code-mirror-el

a `<code-mirror>` element for controlling CodeMirror declaratively in HTML or frameworks like React, Vue, Solid, Svelte, etc.

css-layout icon css-layout

Reimplementation of CSS layout using pure JavaScript

discourse icon discourse

A platform for community discussion. Free, open, simple. (Forked to track custom configuration for Lume's instance)

docsify icon docsify

🃏 A magical documentation site generator.

eventful icon eventful

A class (or mixin) whose instances emit events that external code can subscribe to.

glas icon glas

WebGL in WebAssembly with AssemblyScript

harp-tin-terrain icon harp-tin-terrain

A command-line tool for converting heightmaps in GeoTIFF format into tiled optimized meshes.

harp.gl icon harp.gl

3D web map rendering engine written in TypeScript using three.js

karma icon karma

Spectacular Test Runner for JavaScript

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.