Framework visual para PyReact

Interfaces bonitas.Python de verdade.

A velocidade de um framework utility-first, a consistência de um design system e a simplicidade do ecossistema PyReact.

terminal
$ prpm add uikitpr

MIT

Python 3.9+

PyReact 1.0.5+

live preview
AC

Olá, Ana

Seu workspace está pronto.

Pro

Projetos

24

Deploys

148

Meta mensal
Feito para o ecossistemaPyReactPRPMSSRGitHub Pages
Por que UIKitPR?

Uma fundação visual, não uma caixa-preta.

Você mantém o controle do VNode, do CSS e da experiência.

Composição direta

Componentes são funções Python que retornam VNodes PyReact.

Zero toolchain JS

Instale, construa e publique usando apenas Python e PRPM.

Acessível por padrão

Estados, foco e semântica ARIA fazem parte das primitivas.

Biblioteca

Tudo para compor interfaces reais.

Primitivas pequenas, variantes previsíveis e props que continuam sendo PyReact.

Formulário

Estados e feedback incluídos.

Acessível
Component API

Python por inteiro.

Sem DSL paralela. Eventos, props e composição continuam familiares.

componente.py
$ Button("Publicar", variant="primary")
135 efeitos prontos

Efeitos prontos para sair do comum.

Textos animados, backgrounds e microinterações compostos como qualquer VNode PyReact.

Text animations

Clareza em movimento

Blur · Split · Shiny · Gradient
Backgrounds

Aurora sem WebGL

CSS leve, responsivo e controlado por props.

UI effects

Detalhes que respondem

Spotlight, bordas orbitais e marquees.

BlurTextAuroraBackgroundSpotlightCardGradientTextStarBorder
Explorar catálogo e copiar código
UIKitPR Motion

Movimento também é parte da interface.

Um runtime próprio para spring physics, timelines, scroll, in-view, stagger e eventos — distribuído no mesmo wheel.

M
spring
timeline
in-view
loop ambiente · carregando
cache: verificando

Experimente um preset

Declarativo

Motion é um VNode.

Defina estado inicial, destino, trigger e física diretamente em Python.

motion.py
$ Motion(Card(...), preset="fade-up", trigger="in-view")
mounthovertapscrollcustom events

60

amostras spring

0

dependências JS

Loaders & estados

Feedback visual pronto para qualquer contexto.

reduced-motion ready
Utility-first

Pense em layout. Escreva Python.

Uma camada de utilitários inspirada no fluxo do Tailwind, pronta no wheel e sem build Node.

app.py
$ Box("Olá", class_name="flex items-center gap-4 p-6")
Sem Node.jsCSS no wheelResponsivo
flexdisplay: flex
items-centeralign-items: center
gap-4gap: 1rem
p-6padding: 1.5rem
rounded-lgborder-radius
shadowbox-shadow
text-primarycolor: token
md-grid-cols-3responsive grid

Sua marca, seus tokens.

CSS variables deixam o sistema consistente.

Cobertura do design system
Theming

Claro, escuro ou totalmente seu.

Troque o modo de cor em runtime ou declare tokens de marca em Python. O SSR entrega a primeira pintura pronta.

  • Tokens semânticos por CSS variables
  • Dark mode com um atributo
  • Stylesheet externo compatível com CSP
Comece em segundos

Do PRPM ao primeiro componente.

Adicione a dependência, importe as primitivas e deixe o UIKitPR cuidar da camada visual.

1 · instalar
$ prpm add uikitpr
2 · importar
$ from uikitpr import Button, UIProvider
3 · criar
$ UIProvider(Button("Olá, PyReact!"))