v0.5.3: The Frontend Engine

Build Modern UI in
Pure Python.

Forget node_modules. Forget Webpack. TailPySCSS compiles optimized, tree-shaken CSS directly from your Python components.

app.py
from tailpyscss.ui import Card, Button, Input

def view():
    return Card(
        Input(placeholder="Enter email"),
        Button("Save Changes", variant="primary")
    )

# Result: Only 2KB css generated

Why Switch?

Feature TailPySCSS (v2) 🐍 Tailwind JIT 💨 Bootstrap 5 🅱️
Tech Stack Python (Pip) Node.js (Npm) SASS
Setup Time 1 Minute 10-20 Minutes 5 Minutes
Dependencies 0 100+ (Node modules) 0 (if CDN)
Output Size ~9 KB - 19 KB ~3 KB - 10 KB ~200 KB + JS
Tree Shaking Yes (Component) Yes (Class) Manual Only

Core Features

🚫

Zero Node.js Dependency

Stop fighting package.json. TailPySCSS is 100% Python. No Webpack. No npm install.

🌳

The Context Engine

Automatic tree-shaking. If you don't use Modal in your Python code, we don't compile its CSS.

🔋

30+ Components

Batteries included. Cards, Alerts, Navbars, Sidebars, Modals. All ready to drop into Flask or Django.

⚡ Quick Start

Go from zero to production in under 2 minutes.

1

Install

pip install tailpyscss
2

Initialize

tailpyscss init
3

Watch

tailpyscss watch
4

Build

tailpyscss build