# 10 sites que todo desenvolvedor web deveria pelo menos dar uma olhada %%[youtube-channel-button] Se você é um desenvolvedor web, talvez seja obcecado em encontrar um site que possa economizar muito tempo para você. Aqui estão sites que eu, pessoalmente, uso para economizar - ao menos - 25 horas/semana. ## UI verse É uma biblioteca enorme com centenas de elementos que você pode apenas copiar e colar em seu site. É uma das maiores bibliotecas de UI de código aberto. Link: [https://uiverse.io/checkboxes](https://uiverse.io/checkboxes) ![Uma captura de tela de uma página da web mostrando vários elementos de design de IU. A seção esquerda apresenta um botão rotulado "Inverno". O centro é um espaço reservado em branco, e a seção direita exibe uma pilha vertical de hexágonos em diferentes tons de laranja e rosa. O cabeçalho inclui opções de navegação como "Tailwind" e "CSS".](https://cdn.hashnode.com/res/hashnode/image/upload/v1729558821152/64ba1d2e-4ed9-49e4-9f55-eb7a4123696e.png align="center") ## Glitch Este site ajuda você a criar seu próximo projeto web no *browser* sem a necessidade de configurar e instalar nada, além de possuir um *deploy* instantâneo. Link: [https://glitch.com/](https://glitch.com/) ![Ilustração com formas abstratas dentro de uma moldura e texto dizendo "Olá, mundo!" e "Usando este projeto == Vamos lá" em um fundo verde.](https://cdn.hashnode.com/res/hashnode/image/upload/v1729558918616/fe99584c-f611-42f9-a0b4-6a9df3914405.png align="center") ## Shots.so Cria lindos planos de fundo projetados para suas imagens. Com mais de 100 modelos pré-construídos e customizáveis, permite que você torne suas imagens 10x melhores. Link: [https://www.shots.so/](https://www.shots.so/) ![Um modelo digital exibindo uma tela de codificação com fundo desfocado, apresentando opções de cores sólidas e gradientes na barra lateral esquerda.](https://cdn.hashnode.com/res/hashnode/image/upload/v1729559145436/afb30fac-c862-4814-a069-8eb36ab7ecf2.png align="center") ## Dev Docs E se você tivesse uma documentação que tenha documentado quase tudo que você precisa? O DevDocs combina e agrupa diversas documentações de API em uma interface rápida, organizada e pesquisável. Link: [https://devdocs.io/](https://devdocs.io/) ![Captura de tela de uma página de documentação JavaScript mostrando o construtor Array(). Ela inclui uma barra lateral com uma lista de métodos de array e um trecho de código demonstrando a sintaxe para criar arrays usando o construtor Array.](https://cdn.hashnode.com/res/hashnode/image/upload/v1729559247400/d6e270e8-065b-41e8-bd9c-2fd1d0c2234d.png align="center") ## LambdaTest Free Online Tools Uma coleção de ferramentas, utilitários e bibliotecas online e gratuita que ajuda desenvolvedores, testadores, designers e etc em suas tarefas do dia a dia. Link: [https://www.lambdatest.com/free-online-tools](https://www.lambdatest.com/free-online-tools) ![Captura de tela da página da Web do LambdaTest apresentando várias ferramentas utilitárias na categoria "Utilitários", como "Localizar e substituir string", "Escape HTML" e "Embaralhar letras". A barra lateral mostra categorias como "Organização de código" e "Formato de dados".](https://cdn.hashnode.com/res/hashnode/image/upload/v1729559379368/5b4b51ae-80be-476f-8feb-e94ccb0b7e79.png align="center") ## Mobbin A maior biblioteca de design para dispositivos móveis e *web* do mundo. Economize horas de pesquisa de UI e UX com essa biblioteca que conta com mais de 300.000 telas dos aplicativos mais bem desenhados/projetados do mundo. Link: [https://mobbin.com/](https://mobbin.com/) ![Uma série de capturas de tela de um smartphone exibindo a interface do aplicativo Uber. Vários recursos são mostrados, incluindo uma visualização de mapa, opções de viagem, estimativas de tarifa e locais próximos.](https://cdn.hashnode.com/res/hashnode/image/upload/v1729559516317/c8f3c70b-a248-4d82-84f6-2f451950f895.png align="center") ## Ping Test Você pode checar qualquer endereço IP ou nome do *host* (*hostname*) de diversas localidades em paralelo. Link: [https://tools.keycdn.com/ping](https://tools.keycdn.com/ping) ![Uma captura de tela da ferramenta KeyCDN Ping Test mostrando resultados de ping para o nome do host "adarsh-gupta.in" de diferentes locais: Frankfurt, Amsterdã, Londres e Nova York. Cada local exibe contagem de solicitações, mínimo, máximo, tempos médios de ping, desvio padrão e porcentagem de perda de pacotes.](https://cdn.hashnode.com/res/hashnode/image/upload/v1729559596881/e923d472-8f21-4a44-bdc2-51198aee9539.png align="center") ## LandingFolio Precisamos admitir que a maioria dos desenvolvedores não são *designers*… é por isso que esse site é a melhor escolha para nós, desenvolvedores, encontrarmos inspiração: Link: [https://www.landingfolio.com/](https://www.landingfolio.com/) ![Uma página da web exibindo uma galeria de modelos de site. Ela inclui seções rotuladas como "Five Pathways Financial", "StockPhotoAI" e "Zixflow", cada uma com imagens de pré-visualização e contagens de visualizações. À esquerda, há um menu de navegação para vários tipos de página e, na parte superior, opções para filtragem por dispositivo e cor.](https://cdn.hashnode.com/res/hashnode/image/upload/v1729559711508/31e22fc6-f851-4638-82c7-3d0551e85f5f.png align="center") ## Free for Dev Uma coleção de aplicativos, sistemas e serviços gratuitos, cobrindo tudo que um desenvolvedor precisa - desde SaaS, até ferramentas de desenvolvimento, APIs e plataformas de nuvem. Link: [https://free-for.dev/#/](https://free-for.dev/#/) ![Captura de tela do site free-for.dev, que oferece uma lista de serviços de software com níveis gratuitos para desenvolvedores. O texto descreve o propósito do site e convida contribuições por meio de solicitações de pull. Há uma barra lateral à esquerda com links de navegação como "Índice" e "Principais provedores de nuvem".](https://cdn.hashnode.com/res/hashnode/image/upload/v1729559822198/4391ecac-d5ff-4e81-a680-45b4399cb2ce.png align="center") ## Tiny Wow Nós sempre buscamos uma alternativa gratuita e este site é uma mina de ouro. Descubra uma ampla gama de ferramentas e serviços gratuitos. Link: [https://tinywow.com/](https://tinywow.com/) ![Captura de tela da página inicial do site TinyWow mostrando várias ferramentas online para PDFs, imagens, vídeos, escrita de IA e gerenciamento de arquivos. Caixas coloridas destacam ferramentas em destaque, como PDF Creator e Mute Video. Uma barra de pesquisa e uma opção de login são visíveis na parte superior.](https://cdn.hashnode.com/res/hashnode/image/upload/v1729559905703/87de7fc3-0b2b-4b80-84a2-c235b7788b7c.jpeg align="center") ### Conclusão Este post é uma tradução **autorizada**, [originalmente publicada no dev.to](https://dev.to/adarsh-gupta/10-websites-every-web-developer-should-at-least-look-5fi2) pelo [adarsh](https://dev.to/adarsh-gupta). Muito obrigado por ler. Continue ligado e inscreva-se na *newsletter* para receber mais conteúdos como esse! 🔥 > ***Escrito com 💙 e 🎯 por*** @[Manual do Front](@https://manualdofront.com)***.*** **Lembrete:** *inscreva-se na Newsletter para receber todos os conteúdos assim que forem publicados! E, melhor que isso, ter acesso a descontos exclusivos nas minhas* [*mentorias*](https://forms.gle/w9BHrpFnn2yG9NMV9)*!*