Sabe quando você está montando um site ou aplicativo e trava naquela parte chata do botão, card, formulário…? Pois é. Descobri um site que resolve isso com um clique: o Uiverse.io. E o melhor é que é tudo gratuito e open source.
🤓 O que é o Uiverse.io (e por que você vai gostar)
Pensa em uma biblioteca gigante de elementos de interface prontos. Botão com animação, menu flutuante, alertas estilosos, cards responsivos, campos de formulário — tudo feito por outros devs e designers, com código aberto e pronto para colar no seu projeto.
Você entra no site, escolhe o que quer, copia o HTML + CSS (ou Tailwind, se preferir) e pronto. É como um Pinterest do front-end, só que com código.
👩💻 Para quem esse site é um achado?
- Se você é dev front-end e quer acelerar o trabalho com componentes prontos.
- Se é designer e precisa mostrar como uma ideia pode funcionar na prática.
- Se está aprendendo e quer brincar com código real, de um jeito visual.
- Se é freelancer e precisa entregar rápido sem reinventar botão toda vez.
💡 Alguns projetos que ficam ótimos com o Uiverse
- Landing pages com seções modernas e scroll animado.
- Dashboards com cards interativos e menus clean.
- Portfólios com detalhes que chamam atenção (hover, transições, modais).
- Sistemas internos com formularinhos mais amigáveis e componentes que funcionam de verdade.
E tem de tudo lá, desde spinners estilosos até switch de dark mode, passando por tooltips com efeito, inputs com placeholder flutuante e menus tipo glassmorphism.
🚀 Como usar
- Acesse uiverse.io.
- Escolha uma categoria (ex: Buttons, Cards, Loaders…).
- Clica no elemento que curtir.
- Copia o código (pode escolher HTML+CSS ou Tailwind).
- Cola no seu projeto e ajusta o que quiser.
Dá até para ver uma prévia antes, direto no navegador.
Se quiser algo com sua cara, dá para editar direto ali e ver o resultado ao vivo. E como é código aberto, você pode usar nos seus projetos comerciais sem medo.
Eu já salvei aqui nos favoritos e estou usando para acelerar meus aprendizados. Recomendo demais.
Leia mais:
7 “códigos secretos” que eu uso no ChatGPT para tirar muito mais da ferramenta
Escrevendo melhor com inteligência artificial: 10 prompts que fazem diferença
A ferramenta de IA do Google que eu mais uso para estudar idiomas (e você deveria testar também)
Fique por dentro das notícias mais quentes do mercado de IA: entre no nosso canal no WhatsApp.