Pup9191 is a Zero-CSS declarative UI programming language. Describe your interface, and let the compiler generate clean HTML, CSS, and JavaScript.
Pup9191 {
Pup9191Card {
width 450
padding 30
round 20
shadow
background "#ffffff"
Pup9191Text "Hello World" {
color "#667eea"
size 36
bold
animate fade
}
Pup9191Button "Get Started" {
background "#667eea"
color white
animate bounce
}
}
}A complete reimagining of the language with zero-default CSS, advanced layout engine, animations, and 100% backward compatibility.
Pure structural HTML output. No injected CSS gradients, rounded cards, or Arial fonts. You control every pixel.
Text, Button, Input, Textarea, Checkbox, Switch, Radio, Select, Image, Avatar, Progress, Divider, Icon, Spacer, Card, Box — all with flexible declaration forms.
Pup9191Row, Pup9191Column, Pup9191Grid, Pup9191Stack, and Pup9191Container for professional layout control.
11 animation types: fade, scale, rotate, slide, bounce, zoom, pulse, flip, plus timing, delay, repeat controls.
Pup9191Router, Pup9191Route, Pup9191NavLink with hash-based navigation and event handlers.
Full control flow with conditionals, ranges, iterations, and event-driven actions.
From source code to production HTML in milliseconds. The entire pipeline is optimized for speed.
Tokenization of source code into keywords, strings, numbers, symbols
Building an Abstract Syntax Tree (AST) from the token stream
Transforming AST into HTML, CSS keyframes, and reactive JS runtime
Writing the final HTML file with inline styles and JavaScript bundle
Genuine Pup9191 code examples from the project. Every example compiles to clean HTML.
Pup9191 {
Pup9191Card {
width 450
padding 30
round 20
shadow
background "#ffffff"
align center
Pup9191Text "Hello World" {
color "#667eea"
size 36
bold
animate fade
}
Pup9191Button "Get Started" {
background "#667eea"
color white
round 10
animate bounce
}
}
}Pup9191 gives you a complete toolkit for building modern web interfaces — all from a single declarative language.
Outputs pure, unstyled HTML5 structure. Only generates CSS when you explicitly declare styles. No bloat, no surprises.
Text, Button, Input, Textarea, Checkbox, Switch, Radio, Select, Image, Avatar, Progress, Divider, Icon, Spacer, Card, Box.
Row, Column, Grid, Stack, and Container layouts with gap, alignment, wrapping, and responsive grid columns.
Fade, scale, rotate, slide (4 directions), bounce, zoom, pulse, flip. Full timing control with duration, delay, repeat, and easing.
Built-in hash-based routing with Pup9191Router, Pup9191Route, Pup9191NavLink, and navigation actions.
If/ElseIf/Else, For loops over ranges, While, ForEach, event handlers (Click, onInput, onChange, onFocus, onBlur, onKeyDown, onMouseOver).
Comprehensive documentation covering every component, layout, and feature.
A Pup9191 application starts with the root Pup9191 { ... } block. Inside, you declare components using a clean, readable syntax.
Pup9191 {
// Declare variables
let username = "Alex"
Pup9191Text "Hello, " + username {
color "#2563eb"
size 32
bold
}
Pup9191Button "Submit" Pup9191Click {
set status = "submitted"
}
}All 16 components support flexible declaration forms (0-2 arguments), automatic state management, and inline style declarations with unquoted hex color support.
| Component | Description | Example |
|---|---|---|
| Pup9191Text | Displays text content | Pup9191Text "Hello" |
| Pup9191Button | Interactive button | Pup9191Button "Submit" |
| Pup9191Input | Text input box | Pup9191Input "Enter Name" |
| Pup9191Grid | Multi-column grid | Pup9191Grid { columns 3 } |
| Pup9191Card | Content card container | Pup9191Card { ... } |
| Pup9191Icon | Vector SVG icon | Pup9191Icon "star" |
Start with the latest stable release for new projects, or browse prior versions when you need compatibility and historical access.
The official stable release for new projects, featuring the full v2 compiler experience, modern layout engine, and expanded examples.
Legacy release kept available for historical use and older compatibility scenarios.
The journey continues. Here's what we're working on for the future of Pup9191.
Basic single-page rendering with primitive text, button, and input components. Early CLI commands (pup build, pup run).
Zero-default CSS engine, 16 components, grid/flex layout, multi-page router, keyframe animations, rich error diagnostics, Windows installer. 100% backward compatible.
Active maintenance with focus on performance optimizations, bug fixes, and editor tooling. Syntax and compiler runtime frozen for stability.
Official VS Code extension with syntax highlighting, snippet library, bracket matching, comment toggling, auto-closing pairs, and formatting support. Package ecosystem exploration.