v1.0.4 Now Available

Snakeskin Framework

The modern Python-powered component framework. Build reactive web apps with clean, pythonic code.

$
_

Start Building in Seconds

Install

Get the package

$ pip install snakeskin-xplnhub

Create

Scaffold new app

$ snakeskin init my-app

Run Dev

Hot-reload server

$ snakeskin dev

Build

Production ready

$ snakeskin build

Component-Based

Build encapsulated UI blocks that manage their own state.

Reactive State

UI updates automatically when your data changes.

Tailwind Integration

Built-in support for utility-first styling.

Hot Reload

Instant feedback with a lightning-fast dev server.

CLI Tooling

Generators, linters, and builders out of the box.

AI & Backend

Direct LLM integration and server-side logic in one place.

Feels like Python.
Runs like the Web.

Define components as Python classes. Use render() to return declarative UI structures. We handle the efficient DOM updates and state management for you.

Read Full Documentation
Counter.py
App.py
Styles.css
class Counter(Component):
    def on_init(self):
        # Initialize component state
        self.state = {"count": 0}

    def increment(self):
        self.state["count"] += 1

    def render(self):
        return Div(
            H1(f"Count: {self.state['count']}"),
            Button(
                "Increment", 
                on_click=self.increment,
                class_name="btn-primary"
            )
        )

Battery-Included UI Library

Don't waste time building basic components. Snakeskin comes with a comprehensive set of accessible, unstyled primitives that you can customize with simple props.

How It Works

Under the hood of the Python-to-Web engine.

Component Lifecycle

Python Component
↓ render()
Virtual DOM Tree
↓ diff
Patch List
apply patch →
Real DOM
← events
Snakeskin JS Runtime

SSR + Hydration

Server
HTML + State
Browser
Hydration

Browser takes over the static HTML and attaches event listeners to make it interactive instantly.

Get started in seconds

$
_

CLI Commands

Command Usage Description
create snakeskin create my-app Scaffolds a new project.
dev snakeskin dev Starts the hot-reload development server.
generate snakeskin generate component Creates new component files.
build snakeskin build Compiles for production.