npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

@mvr-ui/components

v1.0.80

Published

Esta é uma biblioteca de **componentes reutilizáveis** feita para aplicações em **React** e **Next.js**, com foco em produtividade, padronização visual e integração com formulários modernos.

Downloads

6,047

Readme

@marcos-vinicius-rodrigues/components

Esta é uma biblioteca de componentes reutilizáveis feita para aplicações em React e Next.js, com foco em produtividade, padronização visual e integração com formulários modernos.

⚠️ Para utilizar esta biblioteca, é necessário ativar a licença via LicenseProvider com uma senha de acesso.

Entre em contato com @marcos-vinicius-rodrigues para solicitar a sua chave de uso.


📦 Instalação

Você pode instalar via npm ou yarn:


npm  install  @marcos-vinicius-rodrigues/components

# ou

yarn  add  @marcos-vinicius-rodrigues/components

🔐 Ativação com LicenseProvider

Para que os componentes funcionem corretamente, é necessário envolver sua aplicação com o LicenseProvider e fornecer a senha de ativação:


import { LicenseProvider } from  '@marcos-vinicius-rodrigues/components'

  

function  App() {

return (

<LicenseProvider  licenseKey="SUA_SENHA_AQUI">

{/* seus componentes aqui */}

</LicenseProvider>

)

}

🧩 Componentes Disponíveis

A biblioteca disponibiliza os seguintes componentes:

Campos de Formulário

  • CheckBox

  • Input

  • Label

  • Radio

  • Select

  • Switch

  • TextArea

  • ValidateField (validação de campos)

Todos os componentes são escritos em TypeScript, com suporte completo ao React Hook Form, mas funcionam de forma independente também.


🛠️ Exemplo de Uso


import { Input, Label, ValidateField } from  '@marcos-vinicius-rodrigues/components'

  

function  MyForm() {

return (

<form>

<Label  htmlFor="name">Nome</Label>

<Input  id="name"  placeholder="Digite seu nome"  />

<ValidateField  name="name"  message="Campo obrigatório"  />

</form>

)

}

💡 Requisitos

  • React 18+

  • TypeScript

  • Tailwind CSS (opcional, mas recomendado para estilos nativos)


📞 Suporte

Entre em contato com Marcos Vinicius Rodrigues para:

  • Solicitar a senha de ativação

  • Reportar bugs ou solicitar novos componentes

  • Contribuir com melhorias


🚀 Futuras melhorias

  • 📌 Mais componentes visuais (modais, toasts, tooltips, etc.)

  • 🌙 Suporte nativo a temas (light/dark)

  • 🧪 Testes automatizados

  • 📚 Documentação completa com Storybook


📝 Licença

Uso restrito mediante autorização.

Todos os direitos reservados © Marcos Vinicius Rodrigues