Skip to main content

Bem-vindo ao Luminus UI

Luminus UI é uma biblioteca de componentes cross-platform moderna e flexível, projetada especificamente para criar interfaces de aplicativos Android e iOS que utilizam o framework Eitri. Através dela desenvolvedores com conhecimento em bibliotecas comuns de desenvolvimento para web se tornam capazes de criar as mais diversas experiências também na tela do celular.

Luminus UI

Filosofia de Design​

A principal filosofia por trás da Luminus UI é tornar fácil a criação e edição de interfaces mobile. Acreditamos que a expertise de um desenvolvedor front-end em design e layout pode ser diretamente aplicada ao desenvolvimento mobile, criando uma ponte natural entre o desenvolvimento web e mobile.

Ao utilizar a sintaxe e a lógica do React em conjunto com as classes do Tailwind CSS e DaisyUI, a transição do desenvolvimento web para o mobile se torna mais suave e produtiva. A biblioteca permite que você crie telas para mobile sem sair da sua "caixinha" de ferramentas e conhecimentos.

Tecnologias Utilizadas​

A biblioteca é totalmente escrita em TypeScript para garantir maior robustez e oferece uma combinação poderosa de tecnologias:

React + TypeScript​

Componentes React modernos e reutilizáveis para desenvolvimento seguro e eficiente.

Tailwind CSS 3.4.4​

Sistema de classes utilitárias que permite criar designs responsivos e modernos de forma rápida e consistente, mantendo a familiaridade para desenvolvedores web.

DaisyUI 4.12.2​

Biblioteca de componentes pré-estilizados que funciona como extensão do Tailwind CSS, oferecendo temas prontos e componentes acessíveis.

Características Principais​

  • Cross-Platform: Desenvolvimento unificado para Android e iOS
  • Performance Nativa: Renderização otimizada para dispositivos móveis
  • Design System Consistente: Sistema de design unificado com temas configuráveis
  • Arquitetura Modular: Cada eitri-app funciona de forma independente
  • Segurança: Os eitri-apps funcionam em sandboxing, mitigando crashes totais do app
  • Compilação em Servidor: Fluxo centralizado através do Forge compiler

Vantagens Estratégicas​

A adoção da Luminus UI oferece vantagens significativas tanto no mercado de talentos quanto no processo de desenvolvimento:

  • Unificação de Expertise: Une a força de desenvolvedores nativos com a agilidade de desenvolvedores web
  • Facilidade de Contratação: Aproveita a vasta comunidade de profissionais front-end
  • Progressão de Carreira: Validação como rota eficaz para desenvolvimento mobile
  • Desenvolvimento Rápido: Reutilização de conhecimento web existente
  • Equipes Independentes: Trabalho paralelo sem conflitos entre módulos

Luminus UI

Fluxo de Desenvolvimento​

O desenvolvimento com Luminus UI é centralizado na compilação em servidor. Seu código é enviado para o Forge (servidor Eitri), que transforma React + Tailwind + DaisyUI em interfaces visualizadas instantaneamente no Eitri-Play (aplicativo nativo para Android/iOS).

Importante: O resultado da compilação só é visualizável através de aplicativos nativos com a biblioteca Eitri integrada. Você precisará de um dispositivo móvel (físico ou simulador) para testar. Até o momento não existe uma versão web para visualização.

Começando​

O Luminus UI é parte integrante do framework Eitri e não requer instalação separada. Para começar a desenvolver:

  1. Certifique-se de que você está trabalhando em um projeto Eitri
  2. Execute o comando:
eitri start

Isso iniciará o ambiente de desenvolvimento com acesso a todos os componentes do Luminus UI.

Componentes Disponíveis​

A biblioteca oferece mais de 50 componentes organizados em categorias:

  • Básicos: View, Text, Image, Video, Markdown, Page
  • Display: Card, Avatar, Badge, Accordion, Carousel, Chat, Timeline
  • Input: Button, Checkbox, Dropdown, TextInput, Select, FormControl
  • Feedback: Alert, Loading, Progress, Skeleton, Toast, Tooltip
  • Layout: Hero, Stack, Divider, Artboard
  • Navegação: Breadcrumbs, Modal, Steps
  • Outros: HTMLRenderer, Webview, QRCode, Fullscreen

Documentação​

Navegue pelo menu lateral para explorar nossa documentação completa, incluindo:

Luminus UI