Rayous is a Component based, typescript frame that focuses on delivering a way to create ui without preprocessors, while still giving you the opportunity to use them.

import { Component, Text } from "rayous";  

export default class extends Component {  
 build(){  
  return new Text('Hello!');
 }  
}

While that is one way to create components, you can use rayous outside of it’s environment and use it with other bundlers to use it as a library.

import { Button } from "rayous";

new Button('Click Me', {
  onClick(){
    alert("Clicked!");
  }
})
.to(document.body);

You can visit the links under to learn more about rayous.

Home · Docs · Github