https://github.com/tram-one/tram-lite
💡 Declarative HTML library for native web-components
https://github.com/tram-one/tram-lite
hacktoberfest html javascript web-components
Last synced: 8 months ago
JSON representation
💡 Declarative HTML library for native web-components
- Host: GitHub
- URL: https://github.com/tram-one/tram-lite
- Owner: Tram-One
- License: mit
- Created: 2022-12-24T21:07:37.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-26T15:53:50.000Z (over 1 year ago)
- Last Synced: 2025-09-04T17:15:20.360Z (10 months ago)
- Topics: hacktoberfest, html, javascript, web-components
- Language: JavaScript
- Homepage: https://tram-one.io/tram-lite/
- Size: 4.77 MB
- Stars: 79
- Watchers: 3
- Forks: 5
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> [!warning]
> this specific project in the Tram-One org is no longer under active development. We recommend checking out our other projects for web-development, namely [Tram-Deco](https://github.com/Tram-One/tram-deco)
# Tram-Lite
Tram-Lite is an HTML-first library that helps developers build native web-components, and makes building simple native
web-applications easier and more elegant!
```html
h1 { color: ${'color'} }
${'page'}
this.ownerDocument.title = this.getAttribute('page');
```
To install, you can simply include a script tag pointed to `unpkg.com` in your `index.html`:
```html
```
To learn more check out the website at https://tram-one.io/tram-lite
### Discord
If you want to start contributing, need help, or would just like to say hi,
[join our discord](https://discord.gg/dpBXAQC)!
### Development
If you would like to do development in this repo, the following are commands you can run after cloning this repo:
#### ci
By running `npm ci`, you can install all the development dependencies. This is required for building, testing, and
running any of the other commands listed.
#### start
You can start a simple http server using `npm run start`. By clicking on the link that it prints out, you can go to the
`examples/` folder, and see a set of components built with Tram-Lite.
#### build
You can build a single asset that is used for publishing to npm, as well as the minified result using `npm run build`.
This is automatically triggered before `start` and `publish`. You can run this manually when making changes to validate
against the example components.
#### docs
You can view the website by running `npm run docs`.
#### tests
You can run the test suite by running `npm test`. This launches cypress, and can run in any browser. You do not need to
run any other commands (aside from an initial install) for this to work (we launch the file directly).