Clisd is UI framework with client side rendering for python. It uses WASM and Pyodide framework to run python code in clients browser.

In plans this framework will be able to compete with React, Vue.js, Angular etc.

Roadmap :

  • Develop good base for framework.
  • Add abillity for server side rendering.
  • Add more control of the page and interactive pages to framework.
  • Add integration with Django for easy development for front and back end.
  • Start development of new full-stack framework. Which will use this framework for front-end.

Getting Started

  1. Download template.html and future this will be on CDN).
  2. Set up your local server(author uses Live Server for VS Code).
  3. Create or other .py file.
  4. Put your file name into 31 line of template.
  5. Write code in your file.



style = [] # Style is used to add css from components

def cute_component(): # Component 
    #comp_p {
        font-size : 60px;

    return div(
        p("Component example : ", id="comp_p"),
        img(width="20%", height="20%", src="") # Image of cat

def main():
    tag = div(
            p("Nice start for the framework!", _class="content"),
        , _class="container flex nav", id="nav"

    render_body(tag, styles=style) # Renders Tag objects as html



View Github