Communitygithub.com

siddhantmani/reactvibe

Biblioteca de animação React com componentes de interface copiáveis. Construída com Framer Motion e Tailwind. Componentes React prontos para produção e de código aberto.

O que é reactvibe?

React Vibe é uma biblioteca de animação React de código aberto que oferece uma coleção crescente de componentes UI animados e prontos para produção, construídos com Framer Motion, Three.js e Tailwind CSS. Diferente de bibliotecas tradicionais, você não precisa instalar nenhum pacote: basta copiar e colar o código do componente diretamente no seu projeto, mantendo total controle sobre o estilo e a lógica. Os componentes incluem seções de herói, preços, depoimentos, animações de fundo e muito mais, todos projetados para serem autônomos, reutilizáveis e fáceis de personalizar. A abordagem de copiar e colar elimina dependências desnecessárias e travamentos de versão, tornando o React Vibe ideal para desenvolvedores que valorizam desempenho, interação suave e flexibilidade total em aplicações web modernas.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/siddhantmani/reactvibe/tree/main

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Prévia

Do README da skill

reactvibe preview

Documentação


👋 Sobre

React Vibe é uma biblioteca de animação React de código aberto focada na construção de componentes React animados, seções de interface e padrões de interação que parecem suaves e intencionais.

Diferente de bibliotecas tradicionais de UI React, o React Vibe oferece:

  • Componentes React copiáveis (sem instalação de pacotes)
  • Controle total sobre o código e a estilização
  • Componentes React limpos e reutilizáveis, construídos para uso real

Criado para desenvolvedores que se importam com interação, movimento e performance.


⭐ Por que React Vibe

  • Biblioteca de animação React — construída com Framer Motion e padrões modernos de animação
  • Componentes React copiáveis — sem travamento, sem abstrações ocultas
  • Componentes React prontos para produção — prontos para aplicações SaaS, dashboards e landing pages
  • Componentes React reutilizáveis — limpos, extensíveis e fáceis de modificar
  • Componentes React com Tailwind — estilização rápida com flexibilidade total
  • Biblioteca de UI React de código aberto — gratuita para usar e personalizar

🧩 Componentes e Categorias de UI

O React Vibe inclui uma coleção crescente de:

  • Componentes React animados
  • Componentes de UI React para sites e aplicações SaaS
  • Animações de fundo (Three.js + movimento)
  • Seções de herói e blocos de UI para landing pages
  • Seções de preços, depoimentos e CTAs
  • Componentes de animação de texto

Cada componente é projetado para ser:

  • Autônomo
  • Fácil de integrar
  • Totalmente personalizável

🚀 Uso

O React Vibe não é uma biblioteca de componentes React tradicional.

Em vez de instalar um pacote, você:

  1. Copia o código do componente
  2. Cola no seu projeto
  3. Personaliza livremente

Essa abordagem oferece:

  • Controle total sobre seus componentes React
  • Sem sobrecarga de dependências
  • Sem travamento de versão

A maioria dos componentes usa:

  • Animações React com Framer Motion
  • Three.js para efeitos visuais avançados
  • Estilização UI com Tailwind CSS

🛠 Pilha Tecnológica

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Three.js

⭐ Suporte

Se o React Vibe te ajudar:

👉 Dê uma estrela no repositório — isso ajuda esta biblioteca de UI React a alcançar mais desenvolvedores.


🤝 Contribuindo

Contribuições são bem-vindas.

  • Abra issues para bugs ou ideias
  • Envie PRs para novos componentes ou melhorias

Mantenha as contribuições alinhadas com:

Código limpo · Componentes React reutilizáveis · Animações de alta qualidade


📄 Licença

Licença MIT

Habilidades Relacionadas