Ko-fi React Library
React KoFi é uma coleção de componentes React que exibe vários widgets KoFi em React.
Listado em categorias:
Financiamento coletivoCódigo abertoFerramentas de desenvolvimento




Descrição
React KoFi é uma coleção de componentes React projetados para integrar facilmente vários widgets de doação KoFi em seus projetos React. Inclui componentes como KoFiDialog, KoFiButton, KoFiWidget e KoFiPanel, permitindo que os desenvolvedores personalizem e exibam opções de doação de forma integrada.
Como usar Ko-fi React Library?
Para usar o React KoFi em seu projeto, instale-o via npm com 'npm install react-kofi'. Em seguida, importe os componentes necessários (KoFiDialog, KoFiButton, KoFiWidget, KoFiPanel) junto com os estilos CSS em sua aplicação React.
Recursos principais de Ko-fi React Library:
1️⃣
KoFiDialog: Um modal que abre um painel de doação KoFi quando clicado.
2️⃣
KoFiButton: Um botão que redireciona os usuários para um site KoFi em uma nova aba.
3️⃣
KoFiWidget: Um widget flutuante que exibe um botão KoFi na página.
4️⃣
KoFiPanel: Um painel de doação completo exibido como um componente React.
5️⃣
Estilos personalizáveis usando Tailwind CSS e CSS adicional para componentes KoFi.
Por que usar Ko-fi React Library?
# | Caso de uso | Status | |
---|---|---|---|
# 1 | Integrar opções de doação em um projeto ou site pessoal. | ✅ | |
# 2 | Criar um botão de apoio para criadores de conteúdo ou desenvolvedores. | ✅ | |
# 3 | Adicionar um painel de doação a um portfólio ou site de vitrine. | ✅ |
Desenvolvido por Ko-fi React Library?
Prototypr é o criador do React KoFi, fornecendo ferramentas e recursos para desenvolvedores aprimorarem seus projetos com capacidades de doação.