Skip to content

Componentes de UI acessíveis, modernos e fáceis de estilizar

License

Notifications You must be signed in to change notification settings

leandro-mancini/ditto

Repository files navigation

Componentes de UI acessíveis, modernos e fáceis de estilizar

Ditto fornece um conjunto de componentes combináveis que funcionam com uma variedade de frameworks JavaScript, permitindo a criação de aplicativos e sites de forma rápida e eficiente.

Aviso: Este design system ainda está em construção e será atualizado constantemente. Sinta-se à vontade para acompanhar o progresso e contribuir com melhorias.

📚 Visão Geral

Ditto é um design system focado em fornecer componentes modulares e acessíveis que podem ser facilmente integrados em diferentes stacks de desenvolvimento, como React, Angular e até mesmo Web Components. O objetivo é permitir que você crie interfaces escaláveis com consistência e eficiência.

Objetivos:

  • Acessibilidade: Componentes pensados para serem inclusivos e atenderem às melhores práticas de acessibilidade.
  • Escalabilidade: Facilite o crescimento da sua aplicação com componentes consistentes e de alta qualidade.
  • Flexibilidade: Totalmente compatível com múltiplos frameworks e arquiteturas.

🚧 Status do Projeto

Atualmente, estamos na fase de desenvolvimento inicial do Ditto. Embora a estrutura básica já esteja sendo construída, novos componentes e funcionalidades estão sendo adicionados continuamente.

Componentes Disponíveis:

  • Box
  • Center
  • Container
  • Flex
  • For
  • Grid
  • Show
  • Spacer
  • Stack
  • ... e muitos outros a caminho!

📦 Instalação

Aguarde enquanto finalizamos a construção dos primeiros pacotes. Por enquanto, fique de olho no progresso ou ajude a desenvolver!

🛠️ Tecnologias Utilizadas

Ditto é construído com as seguintes tecnologias:

  • TypeScript: Para garantir tipagem estática e melhores práticas de desenvolvimento.
  • Preact: Uma versão mais leve e performática do React para web components.

📄 Licença

Este projeto está licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.