Repolode
Enviar
radix-ui

radix-ui/primitives

Conjunto open source de primitives de UI para React, sem estilos e acessíveis, para criar design systems e aplicações web.

Ver no GitHubSite
Estrelas
19,415
Forks
1,277
Issues abertas
240
Último commit
há 7 dias

O que é?

Radix Primitives é uma biblioteca de componentes de UI de baixo nível para React, com foco em acessibilidade, personalização e experiência do desenvolvedor. Ela oferece componentes fundamentais, como diálogos, popovers, menus, abas e controles de formulário, que lidam com comportamentos complexos, como gerenciamento de foco e navegação pelo teclado.

Os componentes foram projetados para servir como camada base de um design system. Os desenvolvedores podem aplicar seus próprios estilos ou adotar as primitives gradualmente em uma base de código existente, sem precisar substituir tudo de uma vez.

O projeto é um monorepo em TypeScript gerenciado com pnpm. A documentação, as notas de versão e as diretrizes de contribuição são mantidas no site do projeto e em seu repositório.

Recursos principais

  • 01Componentes acessíveis que gerenciam o foco e a navegação pelo teclado.
  • 02Blocos de construção sem estilos, permitindo personalizar totalmente o visual.
  • 03Pode ser adotado gradualmente junto a uma base de código React existente.
  • 04Desenvolvido em TypeScript para projetos React.

Casos de uso

  • Criar um design system próprio com base em componentes acessíveis.
  • Adicionar diálogos, menus ou popovers a uma aplicação web em React sem implementar a lógica de foco do zero.
  • Modernizar gradualmente a camada de UI de uma aplicação React existente.

Início rápido

  1. 1

    Instale o pnpm globalmente

    npm install -g pnpm
  2. 2

    Instale as dependências do projeto

    pnpm install

Antes de usar

  • O README explica apenas como configurar o ambiente para contribuir com o monorepo; o uso de pacotes individuais está documentado no site externo de documentação.

Tópicos

#react#ui-components#accessibility#design-system#typescript#headless-ui#colors#component-library#design-systems#radix-ui

Perguntas frequentes

O que é primitives?
Conjunto open source de primitives de UI para React, sem estilos e acessíveis, para criar design systems e aplicações web. Radix Primitives é uma biblioteca de componentes de UI de baixo nível para React, com foco em acessibilidade, personalização e experiência do desenvolvedor. Ela oferece componentes fundamentais, como diálogos, popovers, menus, abas e controles de formulário, que lidam com comportamentos complexos, como gerenciamento de foco e navegação pelo teclado.
primitives é gratuito? Qual é a licença?
primitives é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
primitives ainda é mantido?
Manutenção ativa. O último commit de primitives foi em 14 de out. de 2026.
Para que posso usar primitives?
Criar um design system próprio com base em componentes acessíveis. Adicionar diálogos, menus ou popovers a uma aplicação web em React sem implementar a lógica de foco do zero. Modernizar gradualmente a camada de UI de uma aplicação React existente.
Como instalar primitives?
Instale o pnpm globalmente: npm install -g pnpm Instale as dependências do projeto: pnpm install
Onde consigo primitives?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/radix-ui/primitives

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados