React First
Start fast with the stable arm.
The React arm ships polished surfaces right now: 27 components, a CLI that generates real project scaffolds, and a design system that holds visual discipline from the first screen to the premium vault.
LotOS UI
Founders price · from MX$59 / month · 27 components · multi-runtimeFounders price · desde MX$59 / mes · 27 componentes · multi-runtime
React StableReact EstableDocs FirstDocs PrimeroAI-safe contractsContratos seguros para AIFull Signature readyFull Signature listo
Ship production UI with the discipline it actually needs.Entrega UI de produccion con la disciplina que realmente necesita.Dark-first. Contract-driven. Premium-gated from the first deploy.Dark-first. Basado en contratos. Premium protegido desde el primer deploy.
LotOS UI is a structured component system for React: 27 production-ready components, a CLI that scaffolds real starting points, and a layered architecture from open docs to gated vault — so buyers can evaluate the system before they pay for protected surfaces.
LotOS UI es un sistema de componentes estructurado para React: 27 componentes listos para produccion, un CLI que genera puntos de partida reales y una arquitectura por capas desde docs abiertos hasta vault protegido — para que los compradores evaluen antes de pagar.
Built for teams that need speed, visual consistency, and scalability from the first deploy.Disenado para equipos que necesitan velocidad, consistencia visual y escalabilidad desde el primer deploy.
React Primero
Empieza rapido con el brazo estable.
El brazo React entrega superficies pulidas ahora mismo: 27 componentes, un CLI que genera scaffolds reales y un sistema de diseno que mantiene disciplina visual desde la primera pantalla hasta el vault premium.
React Components
27
Stable production arm shipping now.
Web Primitives
4
Portable primitives for cross-runtime reuse.
Stack Templates
10
CLI-ready starting points across the product surface.
Desktop Templates
8
Operator-ready desktop shells and premium rooms.
ExamplesEjemplos
Six real delivery scenarios. One design system powering all of them.
Seis escenarios reales de entrega. Un sistema de diseno que los alimenta a todos.
Command rooms, executive dashboards, spreadsheet modernization, premium vaults, and AI agent surfaces — all shipped with the same component language and visual discipline.
Cuartos de comando, dashboards ejecutivos, modernizacion de spreadsheets, vaults premium y superficies de agentes IA — todos entregados con el mismo lenguaje de componentes y disciplina visual.
Internal product
Operator Cockpit
A high-pressure command surface for support, risk, and dispatch teams that need speed without visual chaos.
03 response lanes14 live alerts99.2% uptime
Narrative dashboard
Executive Briefing Room
A polished KPI narrative surface for founders, investors, and board-facing updates.
7 decision blocks1 clear storyA+ visual finish
Workflow modernization
Spreadsheet Modernization Layer
Turns ugly operational spreadsheets into a cleaner command surface without forcing a full rewrite.
0 full rewrites1 same workbookFast sales hook
Product education
Premium Docs Shell
A docs experience that teaches, sells, and builds trust without feeling like a template marketplace.
1st trust layerDocs as productClear upgrade path
Product PrinciplesPrincipios del Producto
A design system built to survive real delivery pressure.
Un sistema de diseno construido para sobrevivir la presion real de entrega.
Not a component dump. A product language with defined tokens, contract-ready schemas, and a visual hierarchy that holds discipline across docs, vault, and every runtime surface.
No es un dump de componentes. Es un lenguaje de producto con tokens definidos, schemas listos para contratos y una jerarquia visual que mantiene disciplina en docs, vault y cada runtime.
SystemSistema
Product discipline, not component chaos.
Disciplina de producto, no caos de componentes.
LotOS UI is organized around a product language: tokens, contracts, and a visual hierarchy that holds across docs, vault, and every runtime surface without drifting.
LotOS UI esta organizado en un lenguaje de producto: tokens, contratos y una jerarquia visual que se mantiene en docs, vault y cada runtime sin desviarse.
ClarityClaridad
Premium without hidden complexity.
Premium sin complejidad oculta.
Every layer from free docs to paid vault is structured so buyers know exactly what they get, what it costs, and why it is worth the upgrade.
Cada capa desde docs gratis hasta vault pagado esta estructurada para que los compradores sepan que obtienen, cuanto cuesta y por que vale la pena el upgrade.
RangeAlcance
React today. Backend, desktop, AI-native tomorrow.
React hoy. Backend, desktop e IA nativa manana.
The component arm is stable. Backend stacks are in alpha. Desktop and AI surfaces are being built on the same design language — one system, many delivery paths.
El brazo de componentes es estable. Los stacks backend estan en alpha. Las superficies desktop e IA se construyen sobre el mismo lenguaje — un sistema, muchas rutas.
DocumentationDocumentacion
Docs that teach the system, not just list the API.
Documentacion que ensena el sistema, no solo lista la API.
Start Here orients you in under 5 minutes. Component docs show exact schema and behavior. The Runtime Guide tells you what is stable, what is alpha, and how to pick the right path.
Start Here te orienta en menos de 5 minutos. Los docs de componentes muestran el schema exacto y comportamiento. La Guia de Runtimes te dice que esta estable, que esta en alpha y como elegir.
Start HereEmpieza Aqui
Start Here
Empieza Aqui
The shortest onboarding path: package choice, correct runtime, and where spreadsheet modernization fits.
La ruta de onboarding mas corta: que paquete elegir, cual runtime usar y donde encaja la modernizacion de spreadsheets.
Open Start HereAbrir Empieza AquiComponent LibraryLibreria de Componentes
Component Library
Libreria de Componentes
Inspect component behavior, schemas, and the exact shape your agent can compose.
Inspecciona comportamiento, schemas y la forma exacta que tu agente puede componer.
Open ComponentsAbrir Libreria de ComponentesRuntime GuideGuia de Runtimes
Runtime Guide
Guia de Runtimes
Understand what is stable, what is alpha, and how each delivery path is meant to be used.
Entiende que esta estable, que esta en alpha y como debe usarse cada ruta de entrega.
Open Runtime GuideAbrir Guia de RuntimesCommercial SurfaceSuperficie Comercial
Commercial Surface
Superficie Comercial
Move from the free trust layer into Solo, Pro, and Full with a clearer upgrade story.
Pasa de la capa gratuita de confianza hacia Solo, Pro y Full con una historia de upgrade mas clara.
Open PricingAbrir Superficie ComercialProduct FlowFlujo del Producto
How teams should read the product
Como deberian leer el producto los equipos
- Pick the runtime that matches the delivery target.
- Use the docs and CLI to generate a real starting point.
- Build on top of contracts instead of improvising structure.
- Upgrade into premium surfaces only when the project needs protected assets.
- Elige el runtime que coincide con el objetivo de entrega.
- Usa la documentacion y el CLI para generar una base real.
- Construye encima de contratos en lugar de improvisar estructura.
- Sube a superficies premium solo cuando el proyecto necesite assets protegidos.
ArchitectureArquitectura
One design system, multiple delivery surfaces.
Un sistema de diseno, multiples superficies de entrega.
- `@lotosui/core`: tokens, schemas, runtimes, patterns, stacks, and desktop templates
- `@lotosui/claude-arm`: production React arm
- `@lotosui/web-components`: portable primitives for cross-framework reuse
- `@lotosui/cli`: blueprint, stack-init, and desktop-init
- `@lotosui/sentinel`: guardrails and misuse warnings
- `@lotosui/core`: tokens, schemas, runtimes, patterns, stacks y templates desktop
- `@lotosui/claude-arm`: brazo React listo para produccion
- `@lotosui/web-components`: primitivas portables para reutilizacion cross-framework
- `@lotosui/cli`: blueprint, stack-init y desktop-init
- `@lotosui/sentinel`: guardrails y advertencias de mal uso
Quick StartInicio Rapido
pnpm --filter @lotosui/cli exec lotos-ui stacks
pnpm --filter @lotosui/cli exec lotos-ui stack-init -s php-laravel-starter -d mongodb -o stack/php-laravel
pnpm --filter @lotosui/cli exec lotos-ui desktop-templates
pnpm --filter @lotosui/cli exec lotos-ui desktop-init -l python -t control-center-desktop -o desktop/python-control-centerRuntime SurfaceSuperficie de Runtimes
Present the range as a premium system, not a spreadsheet.
Presenta el alcance como un sistema premium, no como una hoja de calculo.
React stays stable and first-class. Every other runtime is shown with the right level of honesty so buyers see ambition without confusing maturity.
React se mantiene estable y de primera clase. Cada otro runtime se muestra con el nivel correcto de honestidad para que los compradores vean ambicion sin confundir madurez.
React
StableProduction-ready component arm with the cleanest route to polished delivery.
Brazo de componentes listo para produccion con la ruta mas limpia hacia una entrega pulida.
Laravel / Django / Flask
AlphaServer-side starters with contract-first structure and Mongo-ready generators.
Starters server-side con estructura basada en contratos y generadores listos para Mongo.
Spring / .NET / Go
AlphaEnterprise-oriented tracks generated from the same product language.
Rutas orientadas a entornos enterprise generadas desde el mismo lenguaje del producto.
Desktop
Alpha / PrototypeDesktop shells for operator rooms, internal tools, and premium dashboards.
Shells desktop para cuartos de operacion, herramientas internas y dashboards premium.
Web Components
PrototypePortable primitives that keep the visual system reusable across runtimes.
Primitivas portables que mantienen reutilizable el sistema visual entre runtimes.
Public foundationBase publica
The free layer should feel trustworthy before users ever pay.
La capa gratuita debe sentirse confiable antes de que alguien pague.
A stronger landing page makes the open surface more credible: clearer docs, better navigation, and a visible product map that makes the premium ladder easier to trust.
Una landing mas fuerte hace la superficie abierta mas creible: docs mas claros, mejor navegacion y un mapa visible del producto que hace mas facil confiar en la escalera premium.
DocsVisible firstVisible primero
FreeTrust layerCapa de confianza
ProDelivery valueValor de entrega
FullTop finishAcabado superior
Pro FocusEnfoque Pro
Pro is the paid tier where delivery starts to feel substantial.
Pro es la capa pagada donde la entrega empieza a sentirse solida.
Reusable protected assets, team-facing structure, and a stronger month-to-month value story.
Assets protegidos reutilizables, estructura para equipos y una historia de valor mensual mas fuerte.
Protected kitsKits protegidosTeam-ready assetsAssets listos para equipoPremium operatorsOperadores premium
Full FocusEnfoque Full
Full Signature is the top-tier package that should feel unmistakably complete.
Full Signature es el paquete mas alto y debe sentirse inequivamente completo.
Executive-facing polish, broader exclusive surfaces, and the highest-finish presentation in the stack.
Pulido para nivel ejecutivo, superficies exclusivas mas amplias y la presentacion de mayor acabado del stack.
Full-suite exclusivesExclusivos full-suiteBoardroom-grade finishAcabado de boardroomHighest polishMaximo pulido
Founders price
Solo Access
Freelancers, indie builders, and solo founders who need fast premium validation assets.
MX$59 / mes
A premium monthly entry tier for one operator who wants private proof, not just public docs.
Private proofFast paid entry
Checkout directo de Lemon listo. El acceso depende del mismo correo de compra.
Founders price
Pro Studio
Agencies, startups, and internal platform teams that need premium assets with real implementation weight.
MX$129 / mes
The serious operating tier for teams that need a private product surface they can actually deploy, present, and reuse.
Reusable premium assetsTeam-ready delivery
Checkout directo de Lemon listo. El acceso depende del mismo correo de compra.
Founders price
Full Signature
Buyers who want the most complete end-to-end product feeling, with exclusive surfaces that go beyond the Pro layer.
MX$249 / mes
The complete premium suite: an executive-grade operator package with the richest launch surfaces, delivery polish, and commercial presence.
Full-suite exclusivesHighest polish handoff
Checkout directo de Lemon listo. El acceso depende del mismo correo de compra.
Next StepSiguiente Paso
Try the demos, read the docs, then open the vault when you are ready.
Prueba los demos, lee los docs, luego abre el vault cuando estes listo.
Three interactive demos show the system at work before you commit to anything. The free layer is substantial enough to build real trust.
Tres demos interactivos muestran el sistema en accion antes de comprometerte con algo. La capa gratuita es lo suficientemente solida para construir confianza real.
SalesComercial
Ready to close when the buyer is ready.
Listo para cerrar cuando el comprador lo este.
The public experience is clearer now, but the premium close path remains direct for qualified buyers.
La experiencia publica ahora es mas clara, pero la ruta de cierre premium sigue directa para compradores calificados.
pnpm.cmd run prep:first-sale