Repolode
Enviar
markmead

markmead/hyperui

Coleção gratuita e open source de componentes de UI em Tailwind CSS para copiar e colar nos seus projetos, sem instalar nenhum pacote.

Alternativa open source a:Tailwind UI

Ver no GitHubSite
Estrelas
12,266
Forks
519
Issues abertas
1
Último commit
há 4 dias

O que é?

HyperUI é uma biblioteca de componentes prontos em Tailwind CSS para sites de marketing, aplicações web e interfaces de eCommerce. Em vez de instalar um pacote, você navega pelos componentes no site hyperui.dev, copia o markup e cola em um projeto com Tailwind CSS.

O projeto em si é um site Astro que reúne o catálogo de componentes e um blog. Para executar o projeto localmente, colaboradores podem usar pnpm e gerar o CSS dos componentes em modo watch. As contribuições começam com a abertura de uma issue e, em seguida, seguem o guia de contribuição.

Como os componentes são HTML puro com classes utilitárias do Tailwind, você pode adaptá-los diretamente ao seu design e framework. O projeto usa a licença MIT.

Recursos principais

  • 01Os componentes são HTML puro com classes utilitárias do Tailwind CSS.
  • 02Não é necessário instalar nenhum pacote; basta copiar o markup diretamente para o seu projeto.
  • 03Abrange sites de marketing, aplicações web e layouts de eCommerce.
  • 04Catálogo navegável em hyperui.dev, acompanhado de um blog.
  • 05Desenvolvido com Astro e pnpm para desenvolvimento local.

Casos de uso

  • Adicionar rapidamente um hero de landing page, uma seção de preços ou de funcionalidades a um projeto com Tailwind.
  • Criar elementos de UI para painéis administrativos ou dashboards sem desenhar cada componente do zero.
  • Prototipar listagens de produtos ou blocos de checkout de eCommerce com classes do Tailwind.

Início rápido

  1. 1

    Explore os componentes em hyperui.dev e copie a marcação

  2. 2

    Cole o código copiado no seu projeto Tailwind CSS; não há nenhum pacote para instalar

Antes de usar

  • Os componentes são marcação para copiar e colar, então você precisa mantê-los por conta própria e eles não são atualizados automaticamente.

Em coleções

Frameworks frontend e componentes de interface

Tópicos

#tailwind-css#ui-components#frontend#css#html#design-system#accessibility#components#tailwind#tailwindcss

Perguntas frequentes

O que é hyperui?
Coleção gratuita e open source de componentes de UI em Tailwind CSS para copiar e colar nos seus projetos, sem instalar nenhum pacote. HyperUI é uma biblioteca de componentes prontos em Tailwind CSS para sites de marketing, aplicações web e interfaces de eCommerce. Em vez de instalar um pacote, você navega pelos componentes no site hyperui.dev, copia o markup e cola em um projeto com Tailwind CSS.
hyperui é gratuito? Qual é a licença?
hyperui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
hyperui ainda é mantido?
Manutenção ativa. O último commit de hyperui foi em 21 de out. de 2026.
Para que posso usar hyperui?
Adicionar rapidamente um hero de landing page, uma seção de preços ou de funcionalidades a um projeto com Tailwind. Criar elementos de UI para painéis administrativos ou dashboards sem desenhar cada componente do zero. Prototipar listagens de produtos ou blocos de checkout de eCommerce com classes do Tailwind.
Como instalar hyperui?
Explore os componentes em hyperui.dev e copie a marcação Cole o código copiado no seu projeto Tailwind CSS; não há nenhum pacote para instalar
Onde consigo hyperui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/markmead/hyperui

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

Projetos relacionados