Repolode
Enviar
magicuidesign

magicuidesign/magicui

Biblioteca de componentes React e Tailwind CSS com componentes e efeitos de UI animados para copiar nos seus apps Next.js ou shadcn/ui.

Ver no GitHubSite
Estrelas
22,768
Forks
1,195
Issues abertas
1
Último commit
há 4 dias

O que é?

Magic UI é uma coleção de componentes animados e efeitos visuais para aplicações React. Em vez de instalar um pacote e importar os componentes, você copia o código-fonte deles para o seu projeto e faz os ajustes necessários, seguindo o mesmo modelo do shadcn/ui.

Os componentes são feitos com TypeScript, Tailwind CSS e Framer Motion e voltados a projetos Next.js. A biblioteca inclui seções animadas, planos de fundo, botões, efeitos de texto e outros elementos semelhantes de landing pages que designers costumam querer prototipar rapidamente.

O projeto usa a licença MIT e oferece um site de documentação online com prévias dos componentes e instruções de instalação.

Recursos principais

  • 01Componentes para copiar e colar, em vez de uma dependência de pacote instalado.
  • 02Feito com React, TypeScript, Tailwind CSS e Framer Motion.
  • 03Inclui planos de fundo, botões e efeitos de texto animados.
  • 04Site de documentação com prévias dos componentes.

Casos de uso

  • Adicionar seções hero e efeitos animados a uma landing page Next.js.
  • Prototipar rapidamente animações de interface em um projeto baseado em shadcn/ui.
  • Usar componentes animados como ponto de partida e personalizá-los.

Início rápido

  1. 1

    Acesse o site da documentação para explorar os componentes

  2. 2

    Leia o guia de contribuição se quiser adicionar um componente

Antes de usar

  • O README não contém um comando de instalação; os componentes são copiados para o projeto em vez de instalados como um pacote.
  • A documentação está hospedada externamente em magicui.design.

Tópicos

#react#tailwindcss#ui-components#animation#nextjs#framer-motion#typescript#components#shadcn-ui

Perguntas frequentes

O que é magicui?
Biblioteca de componentes React e Tailwind CSS com componentes e efeitos de UI animados para copiar nos seus apps Next.js ou shadcn/ui. Magic UI é uma coleção de componentes animados e efeitos visuais para aplicações React. Em vez de instalar um pacote e importar os componentes, você copia o código-fonte deles para o seu projeto e faz os ajustes necessários, seguindo o mesmo modelo do shadcn/ui.
magicui é gratuito? Qual é a licença?
magicui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
magicui ainda é mantido?
Manutenção ativa. O último commit de magicui foi em 17 de out. de 2026.
Para que posso usar magicui?
Adicionar seções hero e efeitos animados a uma landing page Next.js. Prototipar rapidamente animações de interface em um projeto baseado em shadcn/ui. Usar componentes animados como ponto de partida e personalizá-los.
Como instalar magicui?
Acesse o site da documentação para explorar os componentes Leia o guia de contribuição se quiser adicionar um componente
Onde consigo magicui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/magicuidesign/magicui

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

Projetos relacionados