https://github.com/tram-one/tram-one
🚋 Legacy View Framework For Vanilla Javascript
https://github.com/tram-one/tram-one
Last synced: 9 months ago
JSON representation
🚋 Legacy View Framework For Vanilla Javascript
- Host: GitHub
- URL: https://github.com/tram-one/tram-one
- Owner: Tram-One
- License: mit
- Created: 2017-06-06T08:31:03.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2025-01-26T15:52:55.000Z (over 1 year ago)
- Last Synced: 2025-08-20T07:20:43.347Z (10 months ago)
- Language: TypeScript
- Homepage: http://tram-one.io/
- Size: 2.92 MB
- Stars: 36
- Watchers: 4
- Forks: 8
- Open Issues: 21
-
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-One
Modern View Framework for Vanilla Javascript
## Summary
Tram-One is a Modern View Framework that has advance features like hooks, observables, and JSX-like template components, all in plain vanilla javascript.
Tram-One takes inspiration from frameworks like Choo, React, and Svelte, and provides a rich feature set without additional libraries.
[View the docs for a complete one-stop-shop with everything you need to know about Tram-One.](/documentation.md)
[If you have any questions from this page or about Tram-One, or just want to say hi, join our Discord!](https://discord.gg/dpBXAQC)
```javascript
import { registerHtml, start } from 'tram-one';
const html = registerHtml();
const home = () => {
return html`
Tram-One
A Modern View Framework For Vanilla Javascript
`;
};
start('#app', home);
```
### Why?
Tram-One is a project that emphasizes vanilla JS and HTML syntax, while providing the features of modern JS frameworks. It is born out of love of the JSX syntax, and an attempt to build something unique with existing open source libraries.
While Tram-One makes use of many dependencies, an effort has been made to expose those dependencies in a way that will hopefully
encourage other developers to mix-and-match their own libraries, make improvements, and potentially
build off of what is here to make their own front-end frameworks!
### Is Tram-One for Javascript or Typescript?
Both! While the source code and type checking exist in Typescript, smart editors (such as Visual Studio Code), will make use of
the Typescript annotations regardless of what language you work in!
## This Repo and the Tram-One Org
This repo contains the main Tram-One framework, which can be installed and
used to make web-apps. [The Tram-One org](https://github.com/Tram-One)
includes many of the dependencies as well as the websites and generators for the project.
The dependencies, while made (or modiefied) for Tram-One, can be used in other projects.
### Discord
If you want to start contributing, need help, or would just like to say hi,
[join our discord](https://discord.gg/dpBXAQC)!