Desenvolvimento & Programação
Acessibilidade
 A11ygator Valide a acessibilidade de seu site. |  Accessible Color Generator – Learn UI Design ⭐ ⭐ ⭐ ⭐ ⭐ Gerador de cores acessíveis. |
 ANDI – Accessibility Testing Tool – Install Ferramenta de teste de acessibilidade para conteúdo da web (bookmarklet). Ele detectará automaticamente problemas de acessibilidade, dará sugestões para melhorar a acessibilidade on-line e verificará a conformidade 508. |  axe: Accessibility for Development Teams Comece a criar acessibilidade em seu processo de desenvolvimento hoje. |
 Hex Naw | A color accessibility tool for designers and developers. O Hex Naw é uma ferramenta que ajuda designers e desenvolvedores a testar sistemas de cores inteiros em busca de contraste e acessibilidade. Conecte sua paleta ou sistema de cores e deixe o Hex Naw fazer o resto. |  IDI Web Accessibility Checker : Web Accessibility Checker Essa ferramenta verifica se há páginas HTML únicas em conformidade com os padrões de acessibilidade para garantir que o conteúdo possa ser acessado por todos. |
 Pa11y Ferramenta de teste de acessibilidade para encontrar problemas com suas páginas da web. Ele executa o HTML CodeSniffer na linha de comando para relatórios de acessibilidade programática. É uma ferramenta de desenvolvedor de acessibilidade. |  The W3C Markup Validation Service Serviço de validação fácil de usar. |
 Toptal Color Blind Filter Permite testar seu site e mostra como as pessoas com daltonismo diferente verão suas páginas. |  tota11y – an accessibility visualization toolkit Um kit de ferramentas de visualização de acessibilidade. Fato interessante: dentro do nome da ferramenta, você pode ver "a11y". É uma abreviação de acessibilidade como "a", seguida por mais 11 letras, seguidas de "y". |
 VisualSitemaps | Autogenerate Beautiful Sitemaps Criação de mapas de sites visuais. |  WAVE Web Accessibility Tool ⭐ ⭐ ⭐ ⭐ ⭐ Checa acessibilidade do site. |
ChatBots
 Best chatbot and live chat software for business Chatbot e software de chat ao vivo para crescimento de vendas, melhor envolvimento do cliente e melhor atendimento ao cliente. |  Botfront – Visual Conversational AI Crie bots em qualquer idioma com linguagem natural. O Botfront é uma plataforma de chatbot gratuita e de código aberto, construída no topo da biblioteca Rasa. |
 Botmake.io Ferramenta de criação de chatbot super simples e limpa para o seu negócio. |  ChummyBot – Converting Visitors into Clients Chummy Bot é um plug-in de prova social que melhora sua capacidade de converter visitantes do site em clientes. Ele rastreia a jornada do cliente e envia notificações dinâmicas, automatizadas e baseadas em critérios na página para criar engajamento e confiança. |
 DailyBot · The free standup bot for Slack and Hangouts Chat. Torne sua equipe mais ágil. O DailyBot automatiza stand-ups diários, retrospectivas, check-ins e muito mais. Torne sua equipe mais feliz, mais produtiva e economize tempo nas reuniões. |  Dialogbar – FAQ-Bot A barra de diálogo FAQ-bot responde às perguntas dos clientes automaticamente. Ele usa o conteúdo do seu site, sem necessidade de configuração! ---- Aumente a satisfação do cliente, economize custos de atendimento ao cliente e obtenha insights valiosos sobre negócios com as perguntas do cliente. |
 Intuitive Conversational Chatbot Builder 🤖 | Landbot.io Crie formulários de geração de leads e integre-os às ferramentas que você já usa em apenas alguns cliques com o construtor de chatbot. Envolver os clientes em potencial, pontuar leads, condicionar as mensagens, dependendo das opções do visitante, usando um editor bonito e fácil de usar. Envie as informações diretamente para o seu CRM sem uma única linha de código. |  Joonbot | No-code free chatbot builder Obtenha leads mais qualificados, aumente as vendas e acelere as resoluções dos clientes. O Joonbot ajuda você a orientar, coletar e enviar informações ao seu público rapidamente. |
 Message us button for Facebook Messenger, WhatsApp, WeChat, Line | A free chat widget for website by GetButton.io O botão "Envie uma mensagem" leva os visitantes do site diretamente ao aplicativo de mensagens no computador ou no celular. Obtenha mais bate-papos e mantenha a conversa, mesmo que os visitantes deixem seu site. |
Cheat sheet & Checklist
 BEM Naming Cheat Sheet by 9elements Web componentes. |  Checklist Checklists para desenvolvedores. |
 Checklist Design – best UI elements for the best UX practice ⭐ ⭐ ⭐ ⭐ ⭐ Uma coleção das melhores práticas de UX e UI. |  Checklist templates for businesses and professionals by Checkpea Checkpea é um aplicativo para empreendedores, gerentes, profissionais de marketing, designers e freelancers criarem, compartilharem, iniciarem e acompanharem as listas de verificação/checklists que eles (ou seus subordinados diretos) usam regularmente. |
 CSS Reference | Codrops Uma extensa referência de CSS com todas as propriedades e informações importantes para aprender CSS do básico. |  Design System Checklist Um checklist de código aberto para ajudá-lo a planejar, construir e expandir seu sistema de design. |
 Devhints — TL;DR for developer documentation Cheatsheets para desenvolvedores. |  iHateRegex – regex cheatsheet for haters Esta ferramenta foi projetada como uma cheat sheet que explicará expressões regulares comumente usadas da maneira que você realmente aprende ❤ - para os odiadores por aí 😉 |
 OverAPI.com | Collecting all the cheat sheets Coleção de cheat sheets (colinha). |  The Front-End Checklist – ✨ Your best Front-End Tool ✨ Checklist de lançamento de site. |
 Web Launch Checklist Checklist de lançamento de site. |
Checadores de contraste
 Accessible Brand Colors by Use All Five Essa ferramenta mostra como suas cores são compatíveis com a ADA. Ao adicionar as cores da sua marca à direita, você pode gerar um gráfico para ver como elas podem ser usadas juntas para acessibilidade e encontrar cores semelhantes que funcionam melhor. |  Button Contrast Checker | Aditus | Free tool Button Contrast Checker. |
 Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy! Checa contraste. |  contrast-checker – GOV.UK Example ⭐ ⭐ ⭐ ⭐ ⭐ Checa contraste. |
 Contraste O Contraste é um aplicativo simples para verificar a acessibilidade do texto em relação às Diretrizes de acessibilidade de conteúdo da Web (WCAG). |  WebAIM: Contrast Checker⭐ ⭐ ⭐ ⭐ ⭐ Checa contraste. |
 Who Can Use⭐ ⭐ ⭐ ⭐ ⭐ Uma ferramenta gratuita que traz atenção e entendimento de como o contraste de cores pode afetar diferentes pessoas com deficiência visual. |
Chrome Web Store
 Accessibility Insights for Web – Chrome Web Store Dicas de acessibilidade. |  Amazon Lite – Chrome Web Store Simplifica as compras na Amazon. Remove todos os anúncios desnecessários, produtos patrocinados e outras desordens. |
 Brandfetch for Chrome Buscar a marca de qualquer site em um clique. Os ativos da marca de qualquer site ao seu alcance. |  Burning Vocabulary Aprimore seu vocabulário de maneira mais rápida e eficaz. Marque e salve as palavras que você não entende enquanto navega na Web. |
 Canvas Canvas para Chrome. |  Cently (Coupons at Checkout) – Automatic Savings Tool O Cently fareja automaticamente e aplica cupons para você na finalização da compra, para garantir que você obtenha a melhor oferta - sempre. |
 Clear Cache for Chrome ™ – Chrome Web Store Ajuda a limpar seus dados do Chrome facilmente. |  ClickUp: Tasks, Screenshots, Email, Time – Chrome Web Store ClickUp é uma plataforma de produtividade que torna sua vida pessoal e profissional mais produtiva, economizando tempo. |
 ColorPick Eyedropper – Chrome Web Store ColorPick Eyedropper. |  ColorZilla – Chrome Web Store Seletor de cores. |
 Control V – Chrome Web Store Homenagem a Larry Tesler, que inventou o copiar e colar. O Control V é a solução mais rápida para compartilhar imagens na sua área de transferência. |  CSS Peeper – Chrome Web Store Visualize CSS. |
 ctrlspace – Chrome Web Store Navegue seus aplicativos da web favoritos mais rapidamente. Selecione uma ou várias ações de uma só vez e execute todas elas com o botão Tudo que você precisa saber é um atalho ... você adivinhou: CTRL + ESPAÇO. |  Design Hunt – Chrome Web Store Design hunt. |
 DuckDuckGo Privacy Essentials – Chrome Web Store Assuma o controle contínuo de suas informações pessoais, não importa para onde a Internet o leve. |  Edit Mode O Edit Mode é uma extensão do Google Chrome que ajuda você a explicar as atualizações de texto em seu site com apenas alguns cliques. Tudo o que você precisa fazer é acessar seu próprio site, editá-lo e enviar as edições ao desenvolvedor ou administrador do site. Não perca mais tempo explicando uma coisa tão simples como uma atualização de texto! |
 eesel – All your work in one place Pare de perder tempo procurando seu trabalho - a eesel reúne todo o seu trabalho em um só lugar. É gratuito, funciona com praticamente qualquer ferramenta usada e não compromete a privacidade. |  Fontface Ninja ⭐ ⭐ ⭐ ⭐ ⭐ Extensão para o browser que localiza as fontes utilizadas por um site. |
 footnote – Chrome Web Store Uma extensão e interface do usuário do Chrome que ajuda você a lembrar o que leu automaticamente. Nunca perca um artigo novamente. |  GitHub – plibither8/markdown-new-tab at producthunt Markdown New Tab é um substituto para a página padrão New Tab do navegador. Você pode anotar notas 🗒️, criar listas de verificação ☑️ etc. e tudo mais do Markdown! Suas anotações, histórico de revisões e configurações serão sincronizadas entre todas as instâncias do navegador. |
 GitHub Writer | A WYSIWYG editor for GitHub Uma extensão do navegador que traz a edição WYSIWYG para o GitHub. Disponível para Chrome e Firefox. |  Glitch extension – Chrome Web Store O Glitch tem os incríveis superpoderes de remixar qualquer aplicativo (público) e importar o código dos repositórios Git. Essa extensão do Chrome facilita um pouco a remixagem de aplicativos defeituosos, a importação de códigos do git ou a uma nova inicialização. |
 Gmail Copilot by cloudHQ – Chrome Web Store Um CRM fácil na sua caixa de entrada. |  Gmail Flash by HelpNinja – Chrome Web Store Você pode arquivar, excluir, responder, compor, adiar etc. sem usar o mouse ou lembrar os atalhos. O único atalho necessário é CMD / Ctrl + K, o centro de comando aumentará sua produtividade e o ajudará a concluir o trabalho completamente usando o teclado. |
 Grammarly: Free Writing Assistant Localiza e corrige erros gramaticais em inglês. Grammarly é um revisor automatizado e treinador pessoal de gramática inglesa. Corrija até 10 vezes mais erros do que os processadores de texto populares. Grammarly fornece um outro olhar para ajudar a aperfeiçoar a sua escrita. |  Hewizo – Chrome Web Store Ouça as notícias e os artigos com a voz mais natural em mais de 30 idiomas. |
 Hyprise Templates: Templates de e-mail para o Gmail – Chrome Web Store Escreva e-mails mais rápido! Aumente a sua produtividade com modelos e atalhos de teclado no Gmail, Inbox by Gmail e Outlook. |  Lighthouse – Chrome Web Store O desempenho é um fator chave no sucesso de um site e o Lighthouse é a ferramenta do Google para melhorar a qualidade das páginas da web. |
 Milanote Web Clipper – Chrome Web Store Web clipper. |  Moqups Extension – Chrome Web Store Software gráfico projetado para wireframes, maquetes, diagramas e protótipos. A versão gratuita é muito limitada, pois não pode exportar os trabalhos criados. |
 Motion Trabalho real, sem distrações. O Motion impede ativamente que você se distraia na Web por meio de intervenções em tempo real, lembretes e análises. |  Notyfy — Chrome extension Agrega suas notificações para Gmail, Facebook, Twitter, Reddit e muito mais em um só lugar! |
 Palettab O Palletab é uma extensão do navegador que usa fontes do Google e incríveis paletas ColourLovers para inspirá-lo com uma nova e limpa inspiração toda vez que você pressiona o novo botão da guia! |  Palette Creator Cria uma paleta de cores a partir de uma imagem. |
 Panda — The homepage for your favorite websites Panda é o simples leitor de notícias grátis. Descubra as melhores ferramentas, recursos e inspiração no mundo do design e da tecnologia. |  Papier – Chrome Web Store Um dos melhores recursos gratuitos para blogueiros, Papier oferece uma maneira simples, limpa e sem distrações de fazer anotações diretamente no seu navegador. |
 PHP Ninja Manual – Chrome Web Store Manual de PHP. |  PocketTube: Youtube Subscription Manager Organize as Assinaturas do YouTube. |
 Productdesign.tips – Chrome Web Store Dicas de Productdesign |  ReadingGoals – New Tab Page – Chrome Web Store Muitos de nós temos essa pasta de favoritos, onde todos os links "Leia mais tarde" estão sendo salvos e provavelmente nunca serão abertos novamente. A extensão ReadingGoals ajuda a resolver sua dívida de leitura colocando os links "Leia mais tarde" como uma nova página da guia do navegador. |
 ResponsiveViewer – Chrome Web Store Veja várias dimensões de tela em uma única exibição. |  Screely: Instant Design Mockups – Chrome Web Store Design instantâneo de mockups. |
 Shortkeys (Custom Keyboard Shortcuts) – Chrome Web Store As teclas de atalho simplificam a criação de seus próprios atalhos de teclado para personalizar seu navegador (Chrome, Firefox, Opera e Edge). Qualquer coisa, desde rolagem e recarregamento até execução de JavaScript personalizado, pode receber um atalho de teclado personalizado. |  Site Palette – Chrome Web Store Gerador de paletas. |
 Skip Silence – Chrome Web Store "Ignorar silêncio" é uma extensão do navegador que permite ignorar automaticamente partes de um vídeo silenciosas. Ele é altamente inspirado na ferramenta de edição de vídeo on-the-fly automática do CaryKH. A extensão funciona com a maioria dos sites que usam elementos de áudio e vídeo HTML5 (como o YouTube). |  StyleStash – Save your favorite CSS styles from any website Inspecione, edite e salve estilos CSS em qualquer página da web. Visualize ao vivo seus estilos salvos em qualquer elemento para ver como eles são em tempo real, tudo a partir do navegador. |
 Table Capture – Chrome Web Store Copie facilmente dados tabulares de sites para Excel, Planilhas, etc. |  Thyself – A Chrome Extension to improve your self-awareness Rastreamento de humor consciente projetado para melhorar sua autoconsciência. |
 Time Progress O Time Progress mostrará na nova guia a porcentagem do ano, mês, semana e dia atuais. Você pode mudar o tema. Não há outras configurações ou recursos, apenas o progresso do tempo. |  VocalBird — Record and share voice messages from your browser Grave e compartilhe mensagens de voz do seu navegador. Use a extensão do Chrome para gravar mensagens de áudio e obter um link para compartilhá-las no Slack, Basecamp ou em qualquer lugar que você quiser! |
 Voice In Dite em qualquer site com Fala em texto. Com a extensão Voice In Chrome, você pode usar fala para texto para ditar em QUALQUER caixa de texto em QUALQUER site. Use o poder do reconhecimento de fala para digitar e-mails no Gmail ou escrever postagens de blog no Wordpress ou enviar mensagens no Slack. |  WAVE Evaluation Tool – Chrome Web Store Avaliação de acessibilidade. |
 Web Developer – Chrome Web Store Ferramentas para web developers. |  Web Maker – Chrome Web Store Editor de HTML/CSS e outros. |
 WhatRuns – Chrome Web Store Descubra como foi feito o site. |  Window Resizer – Chrome Web Store Veja como algo se parece em várias resoluções de tela. |
 Wireframe – Chrome Web Store Wireframe. |  wireframify – Chrome Web Store Wireframe. |
 Writty | Just write! Um editor de texto de código aberto para ajudar você a se concentrar no que importa. |  Zynq Pro – Chrome Web Store O Zynq escolhe automaticamente o momento mais produtivo para a sua reunião. Um tempo em que todos estão livres, acordados e não almoçando. Empilha as reuniões em conjunto, para dar a todos mais tempo de foco para realizar o trabalho. O zoom ou o Hangouts são adicionados automaticamente a todas as reuniões agendadas com o Zynq. |
 👌 Snapfont – Browser plugin to help you try out fonts on live websites A maneira mais rápida de testar fontes do Google ou Local em qualquer site. O SnapFont facilita o teste de qualquer fonte em qualquer site. Tudo que você precisa fazer é instalar a extensão do navegador Snapfont. |
Construtores de site e aplicativo
![⚡ Construtor de Sites Grátis e Simples : Crie um Site no Celular ou no Desktop [2019]](https://thurless.com.br/wp-content/uploads/link-library-favicons/258942.png "⚡ Construtor de Sites Grátis e Simples : Crie um Site no Celular ou no Desktop [2019]") ⚡ Construtor de Sites Grátis e Simples : Crie um Site no Celular ou no Desktop [2019] O Construtor de Sites Mais Simples. |  8base – Develop Smarter, Deliver Faster O 8base reúne os sistemas que seu aplicativo precisa e os disponibiliza através de um único terminal API do GraphQL. Isso significa que seu back-end está pronto para produção instantaneamente e pode ser dimensionado automaticamente com o seu negócio. |
 Adalo Crie aplicativos poderosos. Publique na web, Apple App Store ou Google Play. |  AMP – a web component framework to easily create user-first web experiences – amp.dev O AMP é uma estrutura de componentes da Web para criar facilmente sites de usuários. |
 AppGyver A primeira plataforma profissional sem código do mundo, permitindo a criação de aplicativos para todos os formatos, incluindo dispositivos móveis, desktop, navegador, TV e outros. |  Authpack O Authpack fornece uma API e um painel completos de gerenciamento de usuários e equipes. O foco principal é fornecer uma solução de alta qualidade para autenticação e autorização de aplicativos. O código do lado do cliente é de código aberto. |
 Autocode Standard Library O Autocode é um ambiente de desenvolvimento integrado (IDE) para conectar APIs e criar fluxos de trabalho de aplicativo para aplicativo. Ele fornece autocompletar de API, geração de código, autenticação fácil para vários aplicativos, execução de código no navegador, ambientes de desenvolvimento, log, histórico de revisões e muito mais. |  beluga | Build your own store! Beluga é um software de código aberto para criar seu próprio site de comércio eletrônico. Ele é construído com o React + Node e usa o Stripe para lidar com o processamento de pagamentos. O belugajs.com possui documentação, tutoriais e uma galeria de projetos de exemplo. |
 Bildr O Bildr Studio combina o fluxo de trabalho do design com o poder de um ambiente de desenvolvimento completo em uma única ferramenta. |  Boomla Website Builder Tudo que você precisa para construir e administrar seu próprio site. |
 Boundless Labs Seu site, em um piscar de olhos. Boundless permite que você construa o site dos seus sonhos. Nenhum código é necessário. |  Bubble | Visual Programming O Bubble é uma linguagem de programação sem código que permite criar e hospedar aplicativos da Web sem engenheiros. |
 Carrd – Simple, free, fully responsive one-page sites for pretty much anything Sites de uma página simples, gratuitos e totalmente responsivos para praticamente qualquer coisa. |  Changes O Changes torna super fácil criar registros de alterações bonitos e atraentes para os produtos SAAS. |
 Clodui – Cloud based static hosting service Serviço de hospedagem estática baseada em nuvem. Arraste e solte os arquivos do seu site para hospedá-lo na nuvem e otimizaremos automaticamente seu site para obter o melhor desempenho. |  CodeX Editor Editor com estilo de bloco da próxima geração. |
 Construtor de Sites Mobile – Criar Site Grátis Crie sites incríveis para celular! Sem codificação e gratuito. |  ConvertKit A maneira mais fácil de lançar seu próximo projeto criativo! Com as landing pages do ConvertKit, você pode criar uma página bonita para o seu projeto em apenas alguns minutos. Escolha cores, adicione fotos, crie um formulário de inscrição personalizado e adicione sua cópia. Tudo sem escrever nenhum código! |
 Crie um site gratuitamente. Apresentamos o criador de sites Tilda Publishing Crie lindos sites sem nenhum código com Tilda. |  dashdash Ferramentas de construção sem código. dashdash é a planilha que faz mais. Muito mais. Acesse dados comerciais e APIs. Encontre empresas e pessoas. Mande emails. Tudo usando suas habilidades de planilha. |
 DeepSource: Continuous Quality and Security as a Service O analisador de Python e Go da DeepSource detecta mais de 150 problemas, incluindo riscos de bugs, antipadrões e vulnerabilidades de segurança. Integra-se ao GitHub e GitLab. Gratuito para repositórios de código aberto. |  Design free websites with Silex – Silex Home Crie sites com base em padrões abertos. |
 Developer Portfolios – /dev/port Obtenha seu portfólio de desenvolvedores. |  Disha Pages – Create beautiful one-page sites without code Disha Pages ajuda a promover quem você é e o que faz em um link. Não é necessário código nem design thinking. |
 Draftbit – Visually build native mobile apps. Abandone os protótipos. Crie visualmente aplicativos móveis nativos - tudo a partir do seu navegador. |  EasyDB O EasyDB é um provedor de banco de dados hospedado com um clique. Nós fornecemos um banco de dados para a linguagem de programação de sua escolha, você cria algo legal. É simples assim. |
 Editmode Torne qualquer site editável. Texto sem formatação, rich text, imagens, conteúdo repetitivo. Ponto. Clique. Edite. |  Editor X | Responsive Web Design | Website Creation Construtor de sites. |
 Ember.js – A framework for ambitious web developers O Ember.js se autodenomina "uma estrutura para a criação de aplicativos Web ambiciosos". Um dos maiores recursos é a ligação de dados; Os objetos no Ember podem vincular propriedades um ao outro; portanto, quando uma propriedade é alterada em um objeto, o outro é mantido em sincronia. |  EthVigil Tutorials Crie aplicativos fullstack no blockchain Ethereum, sem aprender os detalhes do protocolo. Esta estrutura de tutorial interativo em tempo real, usando o próprio gateway e integrações de API, foi projetada para guiá-lo pelo mundo fascinante do desenvolvimento de blockchain. |
 Examples of Podia sites | Podia Milhares de pessoas como você usam o Podia para criar sites, vender cursos e produtos digitais e hospedar comunidades. |  Explore by Charts.com O Explore é um criador de gráficos on-line GRATUITO e uma ferramenta de exploração de dados visuais para todos os seus dados de planilha (Excel, CSV, Planilhas Google). Ele roda localmente no seu navegador e não armazena seus dados em nossos servidores - portanto, seus dados são absolutamente seguros. |
 Fast | One-click sign up, login and checkout Login e Checkout em Um clique. |  Fast.io – Simple Enterprise File Hosting O Fast.io automatiza tudo o que você precisa para hospedar e rastrear arquivos e sites estáticos em escala corporativa. |
 Flowbase A maior comunidade não oficial de Webflow, oferecendo guias, dicas, clonáveis e muito mais. |  Formspree | A Contact Form to Email Service Formulário de contato. |
 Foundation for Apps | Playground from ZURB A estrutura mais avançada para aplicativos da Web já criada inclui recursos para ajudá-lo a codificar aplicativos da Web de página única mais rapidamente do que nunca. |  Free for developers Os desenvolvedores e autores de código aberto agora têm uma enorme quantidade de serviços gratuitos localizados num só lugar. |
 Free Landing Page Templates for Startups – Shade – Grayic Landing pages gratuitas. |  Free prototyping tool that generates Angular code in minutes | UI Bakery Crie visualmente o front-end .Crie aplicativos da Web completos visualmente. Deixe o UI Bakery codificar Angular para você. Plano gratuito disponível. Não é necessário cartão de crédito. |
 Free Website Builder: Create Your Own Website in Just 1 Day – MailerLite Agora você pode criar um site profissional usando o construtor gratuito de arrastar e soltar. Crie seu layout, inicie um blog, adicione proteção por senha e muito mais. |  Fronty | Image to HTML converter. Create website in minutes O AI converte códigos CSS HTML com base em uma imagem carregada em alguns minutos. |
 Gatsby Inc. Construtor de sites. |  generatedata.com É uma ferramenta gratuita e de código aberto escrita em JavaScript, PHP e MySQL que permite gerar rapidamente grandes volumes de dados personalizados em uma variedade de formatos para uso em testes de software, preenchimento de bancos de dados e ... e assim por diante. |
 Get started with HubSpot CRM Tenha conversas contextuais e personalizadas com os visitantes enquanto eles navegam no seu site. |  GitHub – kristofferandreasen/react-announcement at producthunt Esse componente simples e moderno facilita o envolvimento com visitantes de maneira não invasiva. O componente é totalmente responsivo e renderiza perfeitamente em computadores, tablets e dispositivos móveis. |
 Grapedrop | Responsive, Free, Website Page Builder Online Crie seus projetos e publique-os instantaneamente on-line, ótimo para portfólios, landing pages, eventos e muito mais. |  Graphite Crie aplicativos a partir dos dados do mundo sem escrever código. Toda API do GraphQL é um aplicativo esperando para acontecer. |
 Headless e-commerce with GraphQL, TypeScript and Node.js | Vendure E-commerce Uma estrutura de comércio eletrônico moderna, headless e baseada em GraphQL, construída com TypeScript e Nodejs. |  Headway – Keep customers in the loop about your product. A maneira mais fácil de manter seu clientes atualizados sobre o seu produto. Toda atualização que você pode compartilhar com seus usuários, você deve. Criação de changelogs. |
 Hello, Goodbye Hello, Goodbye bloqueia widgets irritantes de bate-papo. Código aberto e disponível para Chrome, Firefox e Safari. |  HerokuCloud | Application Platform Crie aplicativos orientados a dados com serviços de dados totalmente gerenciados. |
 HTML Forms for you static websites – Static Forms Integre formulários HTML facilmente sem nenhum código do lado do servidor. Depois que o usuário enviar o formulário, enviaremos o conteúdo do formulário para o seu e-mail registrado. |  HTML, React, and Vue.js landing page templates for startups – Cruip Modelos HTML, React e Vue.js maravilhosamente projetados para ajudar você a criar facilmente uma landing page com aparência profissional e ampliar seus negócios. |
 IM Creator – Free Website Maker | Free Website Templates Construtor de sites. |  Internet Marketing Tools Ferramentas Ninja. |
 Interplay Conecte o design com o desenvolvimento, para Figma. |  Ionic Creator Crie aplicativos Ionic melhores, mais rápido. |
 Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs Transforme seu texto sem formatação em sites e blogs estáticos. |  Jetboost Seu parceiro de Webflow sem código. Pesquisa em tempo real, filtragem dinâmica e muito mais para o Webflow - sem escrever código. |
 Jetboost – No-code search and filters for Webflow CMS Pesquisa em tempo real, filtragem dinâmica e muito mais para o Webflow - sem escrever código. |  JolieFAQ – A beautiful FAQ in seconds Obtenha uma FAQ bonita, limpa e perfeita em pixels em segundos para o seu site ❤️ Alguns recursos interessantes: Criação de conteúdo fácil e super simples, Importação automática de conteúdo ❤️ Perguntas frequentes feitas sob medida 👊 Fácil de incorporar no seu site / aplicativo. |
 Kartograph.org Criador de mapas vetoriais interativos. |  Kentico Kontent. O Kontent unifica todo o seu conteúdo em um só lugar e o publica sempre que você precisar. |
 Landen: The Website Platform for Startups O Construtor de Sites feito para Startups. Gere, edite e publique sites e landing pages bonitas para sua Startup. Tudo sem código. |  Laravel – The PHP Framework For Web Artisans O Laravel revolucionou o desenvolvimento do PHP. Um projeto de código aberto e gratuito, ele se apresenta como a estrutura para os artesãos da Web - em outras palavras, as pessoas que valorizam códigos elegantes, simples e legíveis - e ajuda equipes e indivíduos a criar aplicativos bem feitos rapidamente. |
 Layers for Elementor | Layers Criador de sites Wordpress muito simples. |  LeafMVC Crie aplicativos da Web e APIs simples mas poderosos rapidamente. |
 Leia | A.I. Website Builder – Create a Website for Free Sites personalizados e responsivos em menos de 60 segundos |  Let’s Encrypt – Free SSL/TLS Certificates Autoridade de certificação gratuita, automatizada e aberta. |
 Log Analysis | Log Management by Loggly Simplifique o gerenciamento de logs para sempre. Grátis para um usuário. |  Mapbox Mapbox é a plataforma de dados de localização para aplicativos móveis e web. Fornece blocos de construção para adicionar recursos de localização, como mapas, pesquisa e navegação, a qualquer experiência que você criar. |
 MapHub · Create interactive maps Maphub permite criar mapas interativos. |  Material Design Guia Material Design. |
 Metomic – Contextual Consent Conteúdo incorporado, como widgets de bate-papo e vídeos, lançará cookies de rastreamento de terceiros em seus usuários ... e se você não quiser? Metomic oferece uma solução simples. Renderize um elemento "espaço reservado" sem cookies e carregue apenas o conteúdo real quando um usuário clicar. |  Mixily Mixily ajuda a criar e gerenciar eventos. RSVP em um clique, sem anúncios e uma forte política de privacidade. |
 MondayHero | Design to Code Monday Hero converte design em código móvel. Os desenvolvedores podem obter código de layout com especificações de design - cores, fontes e ativos - como um pacote. |  Naker.Form – Formidable Forms To Boost Your Conversion Formulários formidáveis para impulsionar sua conversão. |
 Netlify: All-in-one platform for automating modern web projects A maneira mais rápida de criar os sites mais rápidos. Crie, teste e implante globalmente com a plataforma tudo-em-um do Netlify para projetos modernos da Web. |  No Code API — Build Third Party Applications APIs with NoCode Crie APIs de aplicativos de terceiros com NoCode API do Google Chrome, Google Analytics, Instagram, Medium, Twitter e mais de 30 serviços, sem nenhum desenvolvedor de back-end. |
 Octopus.do | Learn more about our sitemap builder Crie seu site ou estrutura de aplicativo, adicione notas, especifique o conteúdo da página e use esquemas de cores para melhorar o design do mapa do site ou implementar o desenvolvimento do site ou o planejamento de conteúdo. Compartilhe seu trabalho com qualquer pessoa, em qualquer lugar. |  OG IMPACT – The open source API for generating social images. A API de código aberto para gerar imagens sociais. Executar uma plataforma com conteúdo dinâmico? Gere imagens sociais ilimitadas gratuitamente com nossa API de código aberto. Nenhuma inscrição é necessária. |
 Open Source Alternatives to Proprietary Software Este site tem alternativas gratuitas para produtos saas convencionais. |  Orchid Orchid é uma estrutura para gerar sites de documentação de projetos, com todos os detalhes necessários. O Orchid permite publicar todos os seus wikis, registros de alterações, blogs, comentários de código e muito mais com um fluxo de trabalho centralizado. |
 PageXL- Free One Page Website and Store Builder A partir de modelos, você pode criar um site de página única, ou pessoal ou de evento em apenas alguns minutos sem código. Hospedagem incluída. Interessante :), infelizmente você não pode exportar o código. |  Paragon – Automate your API development O Paragon permite que qualquer pessoa crie visualmente fluxos de trabalho da API. O Paragon é uma plataforma de baixo código que fornece blocos de construção como gatilhos, consultas ao banco de dados e integrações que você arrasta e solta para criar fluxos de trabalho prontos para produção - tudo em apenas alguns minutos. |
 Pastel Obtenha feedback claro para fazer o seu melhor trabalho O Pastel torna super fácil convidar seus clientes e colegas de equipe para deixar comentários úteis diretamente em seus sites ao vivo. |  Pep Transforme seu site em um PWA (Progressive Web App) rápido e instalável. Imediatamente. Os Progressive Web Apps (PWAs) são sites de ponta que se comportam como aplicativos nativos. Eles são instaláveis, rápidos, funcionam offline e são abertos em sua própria janela nativa. O Pep transforma seu site existente em um PWA com uma linha de código. |
 persP: develop while you design, like you design ⭐ ⭐ ⭐ ⭐ ⭐ Desenvolva seu design, layouts responsivos complexos, interações reais e dados externos integrados como nunca antes, no seu navegador e com colaboração em tempo real. |  Pixela | Record and Track your habits or effort. All by API. Pixela é o serviço de API. Com este serviço, você pode obter um gráfico semelhante ao GitHub que expressa o grau de suas várias atividades diárias em uma base com uma gradação vívida. É grátis. Todas as operações são executadas pela API. Boa compatibilidade com CircleCI, etc. |
 Port Manager for Mac — Manage ports from your menu bar Encontre, abra e elimine portas com apenas alguns cliques - para poder voltar a escrever código. |  POWr | Top 50 Free Website Plugins to supercharge your site Criador de sites. |
 Public APIs: A Collection of Public and Free APIs for Development Uma coleção de APIs públicas e gratuitas para desenvolvimento. |  px.div Uma ferramenta de criação de site adequada para desenvolvedores e designers. |
 Random User Generator Uma API de código aberto gratuita para gerar dados aleatórios do usuário. Como Lorem Ipsum, mas para as pessoas. |  React Cosmos O React Cosmos é uma ferramenta de desenvolvimento para criar interfaces de usuário escaláveis e de alta qualidade. Ele foi projetado para facilitar o teste e a iteração nos componentes do React. Isso torna a depuração menos dolorosa e permite criar e publicar bibliotecas de componentes. |
 Readymag — design anything on the web Uma ferramenta visualmente agradável para projetar na Web, desde landing pages até páginas de leituras, apresentações e portfólios multimídia. |  Readymag Features⭐ ⭐ ⭐ ⭐ ⭐ Construtor de sites diferenciado. |
 Relate – Design and develop at the same time Relate é um ambiente de desenvolvimento visual para colaboração rápida em equipe. |  Retool: Build internal tools fast Crie ferramentas internas rapidamente. O Retool reduz o tempo necessário para criar ferramentas internas pela metade, para que você possa se concentrar no que importa. |
 Robotic Tape Crie rapidamente uma API para qualquer site, visualmente. |  Runkod O Runkod fornece plataforma de hospedagem descentralizada e ferramentas de gerenciamento para aplicativos javascript modernos e publicação estática na Web. |
 Scraping-bot.io Raspe e extraia dados de qualquer página do produto sem ser bloqueado! |  Seedform Integre seus clientes mais rapidamente do que nunca. O Seedform é um formulário flexível de várias etapas para integrar seus clientes. |
 Serverless – The Serverless Application Framework powered by AWS Lambda, API Gateway, and more Solução completa para implantação de aplicações serverless. |  Sigle | Decentralized blog maker Um criador de blog descentralizado e de código aberto. Escreva, salve, compartilhe. Fácil ... e grátis. |
 Sitemap builder for beginners and pros, fast and clean | Octopus.do Gerador de sitemap. |  Sketch2Code – Transform sketches into HTML using AI Um Custom Vision Model treinado para executar o reconhecimento de objetos em padrões desenhados à mão para HTML é usado para detectar elementos de design significativos em uma imagem. |
 Slides – Free Static Website Generator and Landing Page Builder Sites animados impressionantes e fáceis. Crie modelos de site estáticos e animados com sua própria direção criativa em questão de minutos. |  Softr.io Criar visualmente sites sem uma única linha de código. Crie sites, mercados ou aplicativos da web usando blocos de construção. 10x mais rápido. 10x mais barato. Economize toneladas de horas do desenvolvedor e reduza drasticamente os custos. |
 Stackbit App Construtor de sites. |  Standard Library · Connect APIs Use a Standard Library para executar fluxos de trabalho personalizados em resposta a eventos usando APIs. Os produtos trabalham juntos para gerar automaticamente o código do aplicativo, hospedar a lógica personalizada e lidar com a autenticação em vários aplicativos. |
 Startup Website Builder – Launchaco A maneira mais simples de criar um site para sua StartUp. |  Store Badge – Display store badges on your website based on the browser | Product Hunt Exiba emblemas da loja em seu site com base no navegador. |
 STUDIO | Design to live website in one click. Crie um site ao vivo em um clique. Web design. Redesenhado. Para designers frustrados com a criação de protótipos e códigos. |  STUDIO | Web Design Platform for All Creatives. Plataforma de web design. |
 Supernova Uma ferramenta para tudo, desde animações, colaboração e limpeza, código de produção em uma fração de tempo. |  Supernova Studio | The World’s First Design to Code Platform Dê vida às UIs de aplicativos móveis em questão de minutos, convertendo os designs Sketch e Adobe XD em código de front-end nativo para o Flutter. |
 Tasmap Tasmap é um aplicativo da web para criar facilmente um belo mapa interativo com sua história. |  The website and landing page platform for SaaS Unstack Inc. O sistema de marketing multifuncional da Unstack substitui o Wordpress e oferece à sua equipe um sistema ágil sem código para atrair, nutrir, converter e reter clientes. |
 tiiny.host – Super simple static web hosting App Hospedagem estática super simples. |  TinaCMS Crie edição em tempo real no seu site. |
 Tools | Appbase.io – Search stack for modern apps Ferramentas para criar aplicativos de pesquisa incríveis. Ferramentas do Elasticsearch do appbase.io para otimizar seu fluxo de trabalho de desenvolvimento. |  Typehut — Super simple publishing Plataforma de publicação super simples. |
 UI Bakery | Free Online Sign Up Form Generator Crie visualmente um formulário de inscrição em 3 etapas e de graça. Escolha o modelo que você gosta, preencha os campos, selecione a cor que você precisa. Faça o download de um formulário pronto e seu código Angular ou personalize-o no UI Bakery. |  UI Bakery | Free prototyping tool that generates Angular code in minutes | UI Bakery Crie front-end visualmente. Crie aplicativos da Web completos visualmente. Deixe o UI Bakery codificar Angular para você. Plano gratuito disponível. Não é necessário cartão de crédito. |
 Universe Explorer Explore uma nova geração de sites - feitos com um telefone. Baixe e crie seu próprio site gratuitamente. |  Versoly – Easily build a SaaS website that converts Crie facilmente um site que converta sem se preocupar com codificação, design e hospedagem. |
 Voiceflow | Design, prototype, and build voice apps. Projete, crie protótipos e aplicativos de voz. Crie, protótipo e desenvolva de forma colaborativa o Alexa Skills e o Google Actions - sem codificação. |  Volley | Fast, easy feedback for your website O Volley permite que você dê um feedback rápido e fácil ao seu site. Basta criar um projeto, convidar sua equipe e usar a extensão chrome para começar a fazer anotações em seu site. Suas anotações são enviadas para um espaço de trabalho colaborativo, onde sua equipe pode revisar as anotações. |
 Waves Blocs Store Adicione fundos de onda animados a qualquer bloco do seu site com este Bric personalizado super prático. Os controles fáceis de usar permitem personalizar as cores e a altura da onda. Só pode ser usado em um único bloco por página, ideal para a seção de heróis de um site. É limitado a um único uso por página, pois pode consumir muito do processador. |  Web To Android-as-JSON Converter Conversor da Web para Android-as-JSON. |
 Webflow | Responsive web design tool, CMS, and hosting platform Construtor de sites. |  Webiny – Serverless CMS powered by GraphQL and React ⭐ ⭐ ⭐ ⭐ ⭐ CMS para desenvolvimento Web sem servidor. A maneira como construímos, implantamos e operamos a web está evoluindo. O Webiny é um CMS sem servidor para desenvolvedor, desenvolvido por Node, React e uma API GraphQL. |
 Weblium Website Builder | Create a Website for Free Criador de sites. |  Weebly | Criador de sites gratuito: construa um site ou loja on-line sem custo A sua ideia precisa de um ótimo website. Construir um site com Weebly é diferente de tudo que você já experimentou. O construtor de site "drag & drop" faz com que seja muito simples criar um poderoso site profissional, sem habilidades técnicas necessárias. |
 Wix.com | Criar Site Grátis | Descubra Como Criar um Site Grátis Você Pode Criar Seu Site Profissional. |  Wolff – Ridiculously small PHP framework Crie sites leves sem começar do zero ou lidar com grandes estruturas. |
 ZEIT – World-Class Static Hosting – ZEIT Solução completa para implantação estática e JAMstack para equipes obcecadas por desempenho. |  Zeplin Ferramenta de colaboração entre desenvolvedores e designers. |
Editores de código
 Atom O Atom é um dos editores de texto mais populares entre os codificadores, porque é hackável em sua essência - sendo um projeto de código aberto, os usuários podem personalizá-lo para atender às suas necessidades específicas. |  Banana IDE🍌 Xcode no navegador para entrevistas remotas de codificação. |
 Binary Search | Master algorithms together Domine algoritmos juntos. Crie uma sala, convide seus amigos e corra para resolver os problemas. |  boilerplato/boilerplato: A powerful tool to generate boilerplate source code from a template Uma ferramenta poderosa para gerar código fonte padrão a partir de um modelo. |
 Brackets – Um editor de textos moderno e de código aberto que entende web design. Um editor de textos moderno e de código aberto que entende web design. |  Catalog Guias de estilo para produtos digitais. Com o Catalog, você combina a documentação do projeto com componentes reais e ativos em um único local, tornando perfeita a colaboração entre designers e desenvolvedores. |
 Codacy Acelere seu fluxo de trabalho. |  codepad O codepad é um compilador / intérprete online e uma ferramenta simples de colaboração. Cole seu código abaixo e o codepad o executará e fornecerá um URL curto que você pode usar para compartilhá-lo em bate-papo ou e-mail. |
 CodersRank – The Ultimate Profile For Coders O CodersRank cria um perfil de codificador de 360 graus com base nos dados públicos e privados que você mantém em vários sites de codificação. Ele cria gráficos visuais que você pode usar para exibir suas credenciais para clientes ou empregadores em potencial (ou descobrir o que você sabe em relação a outras pessoas no setor). |  CodeSandbox⭐ ⭐ ⭐ ⭐ ⭐ Ao iniciar um novo projeto de codificação, há um monte de tarefas iniciais que você precisa executar antes de começar a parte divertida - codificar sua nova criação. O Template Universe fornece pontos de partida com um clique para iniciar projetos sem configuração. |
 Coding Games and Programming Challenges to Code Better Pratique código puro. Aprenda novos conceitos resolvendo desafios divertidos em mais de 25 linguagens de programação abordando todos os tópicos mais quentes. |  Easings – Generate Cubic Bezier Easing Curves Teste curvas de atenuação comuns em uma variedade de interfaces. Ou gere sua própria curva de bezier personalizada. |
 Egonotifier O Egonotifier monitora repositórios importantes e envia um e-mail quando eles atingem novos marcos. |  Falcon O Falcon é um editor SQL gratuito e de código aberto, com visualização de dados em linha. Atualmente, ele suporta conexão com RedShift, MySQL, PostgreSQL, IBM DB2, Impala, MS SQL, Oracle, SQLite e mais (para conectar ao Oracle, consulte aqui as instruções para instalar o Oracle Instant Client gratuito necessário). |
 Figstack: Your Intelligent Coding Companion Ler e escrever código é difícil! O Figstack ajuda você a interpretar os detalhes para que você possa se concentrar na construção do que importa. |  Focus Fox O FocusFox é um editor online gratuito, simples e inteligente, com sons de fundo para ajudá-lo a se concentrar no que você precisa. Ele usa recursos de remarcação para adicionar rapidamente formatação ao texto sem formatação. |
 GitHub – gsilvamartin/RTCode O RTCode é um aplicativo da web para você compartilhar e desenvolver aplicativos em tempo real. |  GitHub | The world’s leading software development platform O GitHub reúne a maior comunidade de desenvolvedores do mundo para descobrir, compartilhar e criar um software melhor. |
 GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live. Sites para você e seus projetos. Hospedado diretamente do seu repositório GitHub. Basta editar, enviar e suas alterações estão ativas. |  GitSpo Analytics and Alerts for Open-Source O GitSpo agrega dados do GitHub, NPM e PyPI e alerta os desenvolvedores de código aberto quando seus projetos são mencionados em sites como Twitter, Reddit e Hacker News. |
 GitTags – Organize Your Repos and Gists GitTags é uma ferramenta que permite aos usuários do Github marcar suas listas e repositórios, inclusive com estrela! Você também pode visualizar suas tags, juntamente com seus respectivos repos e gists. |  Glitch O Glitch é um ambiente de programação colaborativa que vive no seu navegador e implanta código à medida que você digita. |
 IDE do Visual Studio, Editor de Código, Azure DevOps e App Center – Visual Studio Coleção abrangente de ferramentas e serviços para desenvolvedores. |  inko. | A markdown editor made with Vue.js O Inko é um editor de markdown on-line criado usando o Vue.js, o framework Primer css e o tagged.js. |
 JS Bin – Collaborative JavaScript Debugging JSBin é principalmente um site para compartilhar código. |  JSFiddle – Code Playground O JSFiddle é outro editor de código on-line que funciona de várias maneiras, como o PlayCode. Projetado especificamente para codificadores JavaScript, o JSFiddle não é necessariamente para trabalhar em projetos inteiros, mas, como diz a barra de informações na parte superior do editor, funciona melhor para “demonstrações para documentos, relatórios de bugs para problemas do Github, apresentando respostas de código em Stack overflow, colaboração de código ao vivo, hospedagem de snippet de código ”ou apenas uma sandbox para você brincar com seu código. |
 Judge0 IDE – Free and open-source online code editor O Judge0 IDE é um editor de código online gratuito e de código aberto que permite escrever e executar código a partir de um conjunto rico em linguagens de computador. É perfeito para quem quer apenas escrever e executar rapidamente um código sem abrir um IDE completo no computador. |  LabStack | Multi-language programming playground | Code ⭐ ⭐ ⭐ ⭐ ⭐ Parque de programação multilíngue. Escreva código de execução e compartilhe no navegador. Extremamente rápido com tempo de resposta tão baixo quanto 200ms. Suporte para mais de 30 linguagens de programação. Editor on-line poderoso, com capacidade de hospedar programas na nuvem, mantendo detalhes e profundidade. |
 Lepton – A Lean GitHub Gist Client Gerenciador de snippets. |  Locofy.ai – ship your products 3-4x faster — with low code Transforme seus projetos em frontend pronto para produção, para aplicativos móveis e web. Envie produtos de 3 a 4 vezes mais rápido com suas ferramentas de design, várias tecnologias e fluxos de trabalho existentes. |
 Margin A linguagem de texto simples para elaboração de listas, anotações e tarefas. |  Markdown Editor 📖 Markdown Editor ⚡ Cria markdown facilmente!! Moderno, limpo e de código aberto, rico editor Markdown. Experimente na web / também disponível para Mac, Windows e Linux como aplicativo independente. |
 massCode – A free and open source code snippets manager for developers Aumente sua produtividade com um gerenciador de trechos de código livre e de código aberto para desenvolvedores. |  Memo App – Take Smarter notes with GitHub Gists | Memo App Faça anotações mais inteligentes com o GitHub Gists. Possua seus próprios dados particulares, armazene-os com Gists do Github e acesse de qualquer lugar, a qualquer hora. |
 Monitoror — Unified monitoring wallboard Monitore todas as suas ferramentas em um só lugar, uma tela. Do status do servidor, executando o ping deles, para exibir o estado do IC com seu progresso em tempo real, o Monitoror permite identificar qualquer problema rapidamente. Jenkins, GitHub, Azure DevOps, Travis CI, ... já são suportados! |  Octotree Navegue pelo código do Github com facilidade, acelere a revisão de solicitações pull, altere temas de sintaxe de codificação, Repositórios de marcadores e PRs e muitos mais |
 Pastebin.com – Snippet Pastebin é ótimo quando você só precisa compartilhar um trecho de código, acessar o site, colar o código, copiar o link e enviar. Você pode adicionar configurações opcionais, como realce de sintaxe, e escolher quanto tempo seu URL durará. |  PlayCode – Code Sandbox. Online Code Editor O PlayCode é um bom editor de códigos online para todos os fins. Com ele, você pode abrir vários arquivos que são executados juntos em um único projeto, como faria com vários arquivos em uma estrutura de diretórios típica, usando Sublime Text ou VS Code. |
 Prettier · Opinionated Code Formatter Formatador de código. |  Repl.it – The world’s leading online coding platform Pare de perder tempo configurando um ambiente de desenvolvimento. Repl.it fornece um IDE instantâneo para aprender, criar, colaborar e hospedar tudo em um só lugar. |
 Screen Screen é um aplicativo de compartilhamento de tela para vários jogadores que permite que você trabalhe juntos como se estivesse na mesma sala. Diferentemente das ferramentas de videoconferência projetadas para apresentação, o Screen permite que todos participem através do controle e desenho com vários jogadores. |  Search Projects on GitHub Pesquise projetos amigáveis para iniciantes no Github. Os repositórios podem ser buscados com base no idioma, rótulo e nr. e estrelas. |
 searchcode | source code search engine Pesquise mais de 20 bilhões de linhas de código. |  SnipAway – The customizable snippet manager made for developers and people who work with code O gerenciador de snippets personalizável criado para desenvolvedores e pessoas que trabalham com código. |
 SnipperApp 2 Save your code snippets and notes using our product SnipperApp é um gerenciador de snippets nativo do macOS com GUI leve e moderna, realce de sintaxe e suporte a Markdown ♡ orgulhosamente construído com Swift |  Software.com | Use data and AI to improve as a developer O software cria ferramentas de produtividade que ajudam a proteger seu tempo de código, evitar a alternância de contexto, melhorar seu equilíbrio entre vida profissional e muito mais. |
 SourceAI | AI-Powered Code Generator Gere código em qualquer linguagem de programação. |  Spell | Next Generation Machine Learning and Deep Learning Infrastructure Faça sua mágica. A plataforma de ponta a ponta mais rápida e poderosa para aprendizado de máquina e aprendizado profundo. |
 Stashany | Online Notepad for developer Você está fazendo anotações ou tendo uma lista de tarefas no código Atom ou VS? Mantenha o editor de texto anotando experiência, mas com o gerenciamento de notas e permita o acesso a qualquer lugar. |  Sublime Text – A sophisticated text editor for code, markup and prose Um editor de texto sofisticado para código e markup. |
 TestMace — API testing tool O Test Mace é uma ferramenta moderna e poderosa de plataforma cruzada para trabalhar com uma API e criar testes de API automatizados. |  TextMate: Text editor for macOS Editor de texto poderoso e personalizável, com suporte para uma enorme lista de linguagens de programação e desenvolvido como código aberto. |
 The online code editor for web apps. Powered by Visual Studio Code. – StackBlitz O StackBlitz é um IDE sólido para quem prefere editores de código online. |  Visual Studio Code – Code Editing. Redefined O Visual Studio Code é um editor de código-fonte aberto e gratuito da Microsoft que possui diversos recursos que tornam a codificação mais rápida. |
 What’s That Theme Já imaginou que tema de cores o seu desenvolvedor preferido usa em seu último vídeo tutorial? Onde seu desenvolvedor favorito do Twitter encontrou essa paleta de cores sofisticada? Basta fazer uma captura de tela e combiná-la automaticamente com quase 4.000 temas existentes. |
Google
 Connect APIs to Google Sheets Without Code API Connector Conector da API para o Planilhas Google. Conecte-se a todas as suas fontes de dados, diretamente do Planilhas Google. |  Flutter – Beautiful native apps in record time O Flutter é o kit de ferramentas de interface do usuário do Google para criar aplicativos belos e compilados nativamente para dispositivos móveis, Web e desktop a partir de uma única base de código. |
 Formfacade – Embed Google Forms in your website Incorpore formulários do Google ao seu site. |  G Suite Marketplace ⭐ ⭐ ⭐ ⭐ ⭐ Ferramentas Google. |
 GetFlutter | Get Flutter – Open source UI library for flutter app Biblioteca de interface do usuário de código aberto para aplicativo Flutter. GetFlutter é uma biblioteca de código aberto que vem com mais de 1000 componentes de interface do usuário. A biblioteca foi criada para tornar o desenvolvimento com Flutter mais rápido e agradável. |  Glide · Create an App from a Google Sheet in Minutes O Glide transforma planilhas em aplicativos bonitos e fáceis de usar. |
 Gmail productivity suite – Mailpanion O Mailpanion mantém você informado sobre as conversas, acompanhando as aberturas de e-mail e os cliques no link. O Mailpanion também protege sua privacidade, detectando e bloqueando os rastreadores de e-mail recebidos. |  Google – Compare a velocidade do seu site mobile Testar se o seu site é mobile-friendly. Descobrir como o seu site funciona em dispositivos móveis e computadores. |
 Google – Developers Todos os Produtos Google para seu website e e-commerce. Explore os serviços do Google para dispositivos móveis. Ferramentas para ajudar você a desenvolver seu aplicativo e transformá-lo em um negócio. |  Google – Developers | Tools for Web Developers Ferramentas para web developers. |
 Google – Firebase O Firebase ajuda as equipes de aplicativos para dispositivos móveis e da Web a alcançar o sucesso. |  Google – Search Console Google Search Console. |
 Google – Search Console – responsivo Teste de compatibilidade com dispositivos móveis. |  Google – Site Kit Ferramentas Google para Wordpress. |
 Google – web.dev Obtenha os recursos modernos da Web em seus próprios sites e aplicativos com orientações e análises úteis em web.dev. |  Google Advanced Search Operators ~ Supple Google Search Cheat Sheet. |
 Google Analytics Avalie seu ROI de publicidade e acompanhe seus sites e aplicativos. | Sheet2Cal – Seamless way to see your google sheet events in your favorite calendar app Organize 🗓 eventos da agenda a partir dos documentos do Planilhas Google. Se você usa o Planilhas Google para planejar suas postagens em mídias sociais, casamento, organizações empresariais ou mais; não se distraia ou perca seu tempo trocando constantemente seu aplicativo de agenda. |
 Sheety – Turn your Google Sheet into an API Transforme qualquer planilha do Google em uma API instantaneamente, gratuitamente. Crie sites, aplicativos ou o que você quiser, tudo em uma planilha. As alterações na planilha atualizam sua API em tempo real. |  Toga | A better interface for your Google Sheets Crie uma interface melhor para o seu Planilhas Google. Transforme suas planilhas do Google em aplicativos em minutos. |
HTML, CSS, JavaScript & SVG
 30 seconds of code Coleção de snippets JavaScript que você pode entender em 30 seg. |  98.css – A design system for building faithful recreations of old UIs 98.css é uma biblioteca CSS para criar interfaces que se parecem com o Windows 98. |
 A Complete Guide to Flexbox | CSS-Tricks Guia completo Flexbox. |  A jQuery plugin for extracting dominant colors from images and applying it to its parent Faça a extração de cores dominantes das imagens. |
 ai2html ai2html é um script de código aberto do Adobe Illustrator que converte seus documentos do Illustrator em html e css. |  Airframe – Projects Dashboard O Airframe fornece todos os componentes que um desenvolvedor precisa para criar aplicativos da Web com muitos dados usando React, Vue, Angular, HTML / CSS e MVC.Net. |
 AniCollection – The easiest way to find, use and share CSS3 animations. O AniCollection é a maneira mais fácil de encontrar, usar e compartilhar animações. |  Animate.css Animações CSS Just-Add-Water. |
 Animated CSS Background Generator | wweb.dev Css backgrounds animados. |  Animated CSS burgers (HTML/CSS e React) Componentes animados para CSS menu burger. |
 Animated hamburger menu icons for React 🍔 Ícones de menu de hambúrguer animado. |  anime.js • JavaScript animation engine Mecanismo de animação JavaScript. |
 Animista |  Ant Design of React – Ant Design UI UI de classe empresarial projetada para aplicativos da web. 📦 Um conjunto de componentes React de alta qualidade prontos para uso. 🛡 Escrito em TypeScript com tipos estáticos previsíveis. ⚙️ Pacote completo de recursos de design e ferramentas de desenvolvimento. Support Suporte de internacionalização para dezenas de idiomas. Customization Personalização poderosa de temas em todos os detalhes. |
 autoComplete.js – Vanilla Javascript library Uma biblioteca de animações CSS. |  Autoprefixer CSS online Autoprefixer é um plug-in PostCSS que analisa seu CSS e adiciona prefixos de fornecedores. |
 Babel · The compiler for next generation JavaScript Babel é um compilador JavaScript. |  Beekeeper Studio Editor SQL de código aberto e Gerenciador de banco de dados. Use o Beekeeper Studio para consultar e gerenciar seus bancos de dados relacionais, como MySQL, Postgres, SQLite e SQL Server. |
 Best of JavaScript O melhor do JavaScript. |  Blog | Tobias Ahlin Blog sobre CSS e JavaScript. |
 Blotter.js Uma API JavaScript para desenhar efeitos de texto não convencionais na Web. |  Bootstrap · The most popular HTML, CSS, and JS library in the world. Bootstrap. Crie projetos responsivos para dispositivos móveis na Web com a biblioteca de componentes front-end mais popular do mundo. |
 brumm.af CSS para sombra (box-shadow). |  Brusher – Create Interactive Backgrounds for Webpages Uma biblioteca leve para criar planos de fundo interativos. |
 Bubbly — CSS speech bubbles made easy CSS speech bubbles. |  Can’t Unsee Jogo para aprender design. |
 Cheat Sheets Dev Comunidade de desenvolvedores criada para compartilhar os snippets de programação mais usados e populares, de maneira simplista. 🖥 📋 |  Clippy — CSS clip-path maker A propriedade clip-path permite criar formas complexas em CSS cortando um elemento em uma forma básica (círculo, elipse, polígono ou inserção) ou em uma fonte SVG. |
 Code My UI Snippets de código escolhidos a dedo que você pode usar em seus projetos da web. Encontre inspiração no design do site com exemplos de código. |  Code Tidbits | SamanthaMing.com Dicas de CSS, HTML e JavaScript. |
 CodePen: Build, Test, and Discover Front-end Code ⭐ ⭐ ⭐ ⭐ ⭐ O melhor lugar para criar, testar e descobrir código de front-end. |  Codrops | Useful resources and inspiration for creative minds Codrops é um blog de design e desenvolvimento para web que publica artigos e tutoriais sobre as últimas tendências, técnicas e novas possibilidades da web. |
 CodyHouse | Web Design Nuggets Uma biblioteca gratuita de recursos HTML / CSS / Javascript para impulsionar seus projetos da web e aprender novos truques. |  Compound grid generator Uma pequena ferramenta para gerar grids compostos. Digite o número de colunas para cada uma das suas grades e elas serão mescladas magicamente em uma grade composta. Use a saída na propriedade grid-template-column ao usar CSS Grid para layout. |
 Convert2Svg – A Simple Image To SVG Vector Converter Converte imagens em SVG. |  Cooltipz.css – Cool tooltips made from pure CSS Dicas legais feitas de CSS puro O Cooltipz.css torna fácil e simples adicionar dicas de ferramentas aos elementos HTML existentes, sem JavaScript. |
 Creepyface Uma biblioteca Javascript que faz seu rosto olhar para o ponteiro. Ideal para currículos ou sites de equipe. |  Crossfilter O Crossfilter é uma biblioteca JavaScript para explorar grandes conjuntos de dados multivariados no navegador. |
 CSS beautifier | Minify Code Ferramentas para CSS, HTML e JavaScript. |  CSS Circles – Cloud Four CSS Circles. |
 CSS Diner – Where we feast on CSS Selectors! Seletores CSS. |  CSS Grid Generator | LayoutIt! Comece a criar seus próprios layouts de grade CSS de maneira simples e fácil com esta ferramenta mágica. Defina sua grade, selecione as áreas e obtenha o código! |
 CSS Houdini Experiments – @iamvdo CSS snippets. |  CSS Layout uma coleção de layouts e padrões populares criados com CSS. |
 CSS Lint Validador de CSS. |  CSS Minifier CSS e JavaScript minifier, Image resize, PNG crush e JPG optimiser. |
 CSS Positioning Learn CSS Positioning é um artigo / jogo / tutorial interativo para ajudar você a aproveitar ao máximo como o posicionamento CSS funciona. O desenvolvedor Ahmad Shadeed fez um excelente trabalho com esta ferramenta e apresentação. É uma ferramenta de aprendizado incrível e realmente divertida de usar. |  CSS Section Separator Generator | wweb.dev Separadores de seção CSS. |
 CSS Type Set CSS para textos. |  CSS-Tricks Dicas de CSS. |
 CSS3 Generator Gerador CSS3. |  CSS3 Keyframes Animation Generator essa ferramenta cria código CSS para animações baseadas em keyframes. Há uma linha do tempo e um editor conveniente para ações de arrastar e soltar, também possui várias configurações. |
 CSSBattle Teste seu conhecimento de CSS. |  CSSDeck | HTML5, CSS3, JS Demos, Creations and Experiments #CSSis {beautiful} . |
 CSSeffectsSnippets. CSS snippets. |  cssFilters.co – Custom and Instagram like photo filters for CSS Geradores de filtro CSS para imagens. Você pode escolher entre diferentes filtros predefinidos ou criar seus próprios. |
 CSSFX – Beautifully simple click-to-copy CSS effects Efeitos. CSS maravilhosamente simples, clique para copiar |  cssgr.id | An interactive CSS Grid code tool and generator Gerador de CSS. |
 CSSmatic | The ultimate CSS tools for web designers Gerador de gradiente, borda, textura e sombra em CSS. |  Cubism.js Cubism.js é um plug-in D3 para visualizar séries temporais. Use o Cubism para construir melhores painéis em tempo real, obtendo dados do Graphite, Cube e outras fontes. O cubismo está disponível sob a licença Apache no GitHub. Exemplos / referências: Demonstrações |
 dc.js – Dimensional Charting Javascript Library O dc.js é uma biblioteca de gráficos javascript com suporte nativo a filtros cruzados e que permite uma exploração altamente eficiente em grandes conjuntos de dados multidimensionais |  DevDocs API Documentation O DevDocs visa tornar a leitura e pesquisa de documentação de referência rápida, fácil e agradável. O DevDocs é gratuito e de código aberto, os principais objetivos do aplicativo são: manter os tempos de inicialização e carregamento o mais curtos possível; melhorar a qualidade, velocidade e ordem dos resultados da pesquisa; maximizar o uso de cache e outras otimizações de desempenho; manter uma interface de usuário limpa e legível; suporte a navegação completa do teclado; reduzir a “troca de contexto” usando tipografia e design consistentes em todas as documentações; reduza a confusão, concentrando-se em uma categoria específica de conteúdo (API / referência) e indexando apenas o mínimo útil para a maioria dos desenvolvedores. |
 Doodle Nerd – Free Web Design Utility CSS3 Generator, Comment Box Generator, Pattern Generator, Color Tools, CSS Tools, Image Tools, Website Tools, Html Generator and more tools. Ferramentas CSS. |  Dynamic Drive- Online Tools Ferramentas CSS. |
 EaselJS | A JavaScript library that makes working with the HTML5 Canvas element easy. O EaselJS fornece soluções diretas para trabalhar com gráficos avançados e interatividade com o HTML5 Canvas. |  EASYLOGIC Ferramenta de design CSS + SVG. |
 Echo JS – JavaScript News Site de notícias direcionado à comunidade, totalmente focado no desenvolvimento de JavaScript, HTML5 e notícias de front-end. |  egjs::Flicking Plugin carrossel. |
 Electron Construa aplicativos multiplataformas com JavaScript, HTML e CSS. Construa aplicativos desktop multiplataforma com JavaScript, HTML e CSS. |  Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS. Se você pode construir um website, você pode construir um aplicativo desktop. Electron é um framework para criação de aplicações nativas utilizando tecnologias web como JavaScript, HTML e CSS. Ele cuida das partes mais difíceis para que você possa se concentrar somente com o principal da aplicação. |
 Excel to HTML table Um add-in simples para obter o código HTML perfeito a partir das planilhas do Excel. |  Fancy Border Radius Generator Brinque com a curvatura de um elemento html e extraia seu código css. Fácil de usar e muito cênico :). |
 Faux Code Generator Transformar código real (Github Gist) em código falso (imagem SVG). |  FLEX: A simple visual cheatsheet for flexbox Cheatsheet para Flexbox. |
 Flexbox Froggy – A game for learning CSS flexbox Jogo para aprender CSS. |  Flexbox30 | SamanthaMing.com Aprenda Flexbox com 30 propostas de código. |
 Flip Counter Plugin Flip é o plug-in de contador de flip mais avançado disponível na web. É super fácil de configurar, incrivelmente flexível e lindamente animado. |  Fluiditype | Simple and fluent css for flexible typography on the web. Tipografia fluida, flexível e simples. |
 formBuilder Arraste e solte a ferramenta para implementar formulários. Boas opções disponíveis, você pode copiar o código html de todo o formulário criado. Também disponível como um plugin. |  Free Frontend Biblioteca gratuita HTML, CSS e JavaScript. |
 Free Themes Archives – DashboardPack Freebies. |  Froala | Design Blocks Builder⭐ ⭐ ⭐ ⭐ ⭐ Editor html baseado em Bootstrap, vários módulos para usar e configurar. Fácil e intuitivo, permite criar uma página html sem usar código. |
 Front-End Front — Basically, front-end news Feed de artigos relacionados ao front-end. |  Front-End Web Development Posts – page 1 ← Alligator.io Tudo sobre HTML, CSS, JavaScript e muito mais. |
 Frontend Mentor | Front-end coding challenges using a real-life workflow Melhore suas habilidades de codificação front-end criando projetos reais. Resolva os desafios de HTML, CSS e JavaScript do mundo real enquanto trabalha com projetos profissionais. Junte-se a mais de 15.000 desenvolvedores desenvolvendo projetos, revisando o código e ajudando uns aos outros a melhorar. |  GatsbyJS Rápido em todos os aspectos que importam. O Gatsby é um framework gratuito e de código aberto baseado no React que ajuda os desenvolvedores a criar sites e aplicativos rápidos. |
 GitHub – facebookexperimental/rome at ewebdesign.com Roma é uma cadeia de ferramentas experimental em JavaScript. Inclui um compilador, linter, formatador, empacotador, estrutura de teste e muito mais. Ele visa ser uma ferramenta abrangente para qualquer coisa relacionada ao processamento do código-fonte JavaScript. |  GitHub – facebookexperimental/rome: An experimental JavaScript toolchain Roma é uma cadeia de ferramentas experimental em JavaScript. Inclui um compilador, linter, formatador, empacotador, estrutura de teste e muito mais. Ele visa ser uma ferramenta abrangente para qualquer coisa relacionada ao processamento do código-fonte JavaScript. |
 GitHub – graphql-editor/graphql-zeus at producthunt O GraphQL Zeus cria uma biblioteca cliente de preenchimento automático para JavaScript ou TypeScript, que fornece o preenchimento automático para consultas digitadas. |  GitHub – nightborn-be/signum: Generate leads through your website with our open source solution. Gere leads através do seu site com solução de código aberto React. |
 GitHub – open-source-labs/reactime: Chrome extension for state debugging in React applications Debugger para React. |  GitHub – WoLfulus/zoya at producthunt O Zoya é um utilitário de log para aplicativos node.js. que precisa de saída de log elegante e personalizável. Ele também suporta JSON para aplicativos que precisam agregar dados (por exemplo, na elasticsearch). É fortemente inspirado por Signale. |
 Google – Web Designer Crie projetos interativos baseados em HTML5 e gráficos em movimento que possam ser executados em qualquer dispositivo. |  Google Sheets API, Turn Google Spreadsheet Into API – Sheetsu Conecte o Planilhas Google para websites. Concentre-se nos seus negócios, não escreva código. Configuração fácil com qualquer plataforma. |
 Grab n’go visual CSS editor Editor visual de CSS. |  GRID: A simple visual cheatsheet for CSS Grid Layout Cheatsheet para Grid. |
 Grunt: The JavaScript Task Runner O Grunt permite automatizar tarefas comuns usando JavaScript. Você pode executar tarefas mundanas e repetitivas, como minificação, compilação, teste de unidade e fiapos com quase zero esforço. E como o Grunt é extensível, se alguém ainda não criou o que você precisa, você pode criar e publicar facilmente seu próprio plugin do Grunt. |  hero-generator Gerador de HERO. |
 Hex Engine – A Modern 2D Game Engine for the Browser O Hex Engine é um 2D Game Engine para o navegador, escrito em TypeScript. Ele foi projetado para parecer semelhante ao React. |  htaccess tester ♥ madewithlove Ferramenta de teste de mecanismo de reescrita htaccess, atualizada com uma nova ferramenta CLI, GitHub Action, um PHP SDK e muito mais. |
 HTML & CSS Curso de Html & Css. |  HTML Arrow Symbols, Entities and Codes — Toptal Designers Uma referência deliciosa para símbolos HTML, entidades e códigos de caracteres ASCII. |
 HTML Codes, Editors, and Generators Codificador, editor e gerador de HTML. |  HTML Minifier – Minify HTML and any CSS or JS included in your markup HTML Minifier. |
 Html to Pdf Converter | Convert html to pdf online | Web page to pdf | Url to pdf Utilitário conveniente para converter páginas html em pdf: basta digitar o URL para converter e pronto! |  HTML/CSS to Image API – Generate images from code Gera imagens a partir de código. Converte HTML/CSS em PNG, JPG ou WebP. |
 HTML5 UP! Responsive HTML5 and CSS3 Site Templates Sites gratuitos em HTML. |  Imagehover.css – A Pure CSS Image Hover Effect Library | imagehover.css O Imagehover.css é uma biblioteca CSS criada com carinho, permitindo a implementação fácil de efeitos de foco de imagem escalonáveis. |
 Izmir – ImageHover CSS Library Mini biblioteca CSS. |  JavaScript in 14 minutes by Jeremy Thomas Curso com o básico do JavaScript em 14min. |
 JavaScript.com Comece a aprender JavaScript. |  Just For Fun Projetos de códigos criativos. |
 Keyframes | Editor Editor CSS. |  KUTE.js | Javascript Animation Engine 178/5000 O KUTE.js é um mecanismo de animação Javascript com desempenho superior, memória eficiente e código modular. Ele fornece várias ferramentas para ajudá-lo a criar ótimas animações personalizadas. |
Lazy Line Painter Crie uma animação simples nas linhas de um arquivo svg. Útil para logotipos de introdução ou site, a ferramenta fornece um compositor para gerar diretamente o código. |  Learn to code HTML, CSS, and JavaScript with Dash Saiba como criar os melhores websites. Aprenda a fazer sites impressionantes. Dash ensina HTML, CSS e Javascript, através de projetos divertidos que você pode fazer no seu browser. |
 Linux Man Pages — Dash Dash Dash Dash define a documentação do linux em uma bela coleção de tipos de letra para tornar o conteúdo técnico mais acessível. |  LittleSnippets.net – A free collection of CSS3/HTML snippets. New entries crafted and added daily. Uma coleção crescente de centenas de snippets gratuitos para uso, com novas entradas criadas e adicionadas diariamente. |
 Liveweave | HTML, CSS and JavaScript demo Teste de HTML, CSS e JavaScript |  looop.dev – Super sphere 1.0 Ferramenta de codificação criativa baseada na Web, projetada para permitir a criação rápida de protótipos de animações de canvas / webgl (talvez SVG um dia?) Com sua linha do tempo em loop. Atualmente em alfa, mas com o objetivo de se tornar um ótimo recurso para aprender e compartilhar. |
 Lottie Docs Uma biblioteca móvel para Android e iOS que analisa as animações do Adobe After Effects exportadas como json com o Bodymovin e as processa nativamente no celular e na web. |  Magic of CSS — Adam Schwartz Livro para webdesigners/devs se tornarem feras em CSS. |
 Material Design Web Material Design Web. |  Meta Tags — Preview, Edit and Generate Ótima ferramenta para gerar as Meta Tags de uma página html, você pode conferir as prévias do Google, Facebook, Twitter, Linkedin, Pinterest e Slack. Simples e eficaz. |
 MoreToggles.css Uma biblioteca CSS pura que fornece alternâncias elegantes. |  MVP.css – Minimalist stylesheet for HTML elements Uma folha de estilo minimalista para elementos HTML. Sem nomes de classe, sem estruturas, apenas HTML semântico e pronto. |
 Neumorphism/Soft UI CSS shadow generator⭐ ⭐ ⭐ ⭐ ⭐ Neumorfismo. |  Nicepage Website Designer. Build Joomla Templates, WordPress Themes, and HTML5 Websites Editor de HTML baseado em arrastar e soltar; você pode começar dos modelos ou criar suas próprias páginas do zero. Bons recursos para personalizar seu tema. |
 Node.js O Node.js® é um runtime JavaScript criado no mecanismo JavaScript V8 do Chrome. |  Omatsuri Ferramentas de navegador de código aberto para uso diário. |
 Online HTML Editor: Free Online WYSIWYG HTML Editor Um editor de texto simples ao lado de uma janela com código editável. Útil para aprender o básico da linguagem html ou para geração rápida de código com texto formatado. |  Paged.js — Paged.js O Paged.js é uma biblioteca JavaScript gratuita e de código aberto que pagina o conteúdo no navegador para criar uma saída em PDF a partir de qualquer conteúdo HTML. Isso significa que você pode criar trabalhos para impressão (por exemplo, livros) usando HTML e CSS! |
 Paper.js — About Paper.js é uma estrutura de script de gráficos vetoriais de código-fonte aberto que é executada sobre o HTML5 Canvas. Ele oferece um modelo de objeto de gráfico de cena / documento limpo e muitas funcionalidades poderosas para criar e trabalhar com gráficos vetoriais e curvas de bezier, tudo perfeitamente organizado em uma interface de programação bem projetada, consistente e limpa. O Paper é o sucessor ou (talvez melhor) a alternativa ao Scriptographer para trabalhar com o Adobe CS6 em diante. n Exemplos / referências: Exemplos, Time Machine |  pattern.css – Background Patterns in CSS Biblioteca apenas CSS para preencher seu plano de fundo vazio com belos padrões. |
 Plotly JavaScript Graphing Library | JavaScript | Plotly Criado sobre o d3.js e o stack.gl, o Plotly.js é uma biblioteca de gráficos declarativa de alto nível. O plotly.js é fornecido com mais de 40 tipos de gráficos, incluindo gráficos 3D, gráficos estatísticos e mapas SVG. O plotly.js é gratuito e de código aberto, e você pode visualizar a fonte, relatar problemas ou contribuir no GitHub. |  Polymer Project Bibliotecas, ferramentas e padrões para uma web melhor: LitElement, lit-html, componentes da web ... |
 ProductHunt Floating Prompt | ProductHunt Floating Prompt Convide seus usuários para ajudá-lo na busca de produtos com este prompt flutuante (e responsivo para dispositivos móveis). |  Pushfolio – Send messages to your visitors with a few lines of Javascript Envie mensagens pop-up para seus visitantes com apenas algumas linhas de Javascript, de graça! Comece a converter seus visitantes, sem gastar muito dinheiro em ferramentas como Intercom e Optinmonster. Adicione o plugin Javascript, personalize seu pop-up e entre no ar! |
 Rangle.io | Your Digital Transformation and Innovation Partner Aceleração e transformação de entrega digital. |  React – Uma biblioteca JavaScript para criar interfaces de usuário Uma biblioteca JavaScript para criar interfaces de usuário. |
 React Native · A framework for building native apps using React O React Native permite que os usuários criem aplicativos móveis nativos usando apenas JavaScript e é incrivelmente popular no GitHub. É semelhante ao React (a popular biblioteca JavaScript para criar interfaces de usuário), exceto que seus componentes são componentes nativos, e não web. |  React Nice Dates Uma biblioteca selecionadora de data responsiva, sensível ao toque e modular. |
 react-insta-stories | A React component for Instagram like stories Um componente React para stories iguais ao Instagram. |  Realistic 3D Photo Cards (Hover Effect, Vue.Js) Realistic 3D Photo Cards é uma caneta de Jouan Marcel que usa efeitos de foco e Vue.js para criar cartões legais que animam e se movem em um espaço com profundidade ao passar o mouse. O movimento é simples e realista. |
 Recline Data Explorer and Library Uma biblioteca simples, porém poderosa, para criar aplicativos de dados em Javascript e HTML puro. Recline reutiliza as melhores bibliotecas de apresentações, como SlickGrid, Leaflet, Flot e D3, para criar "Visualizações" e conectá-las aos seus dados em segundos. |  Shape Divider App Gerador de divisores. |
 Sharect.js – Share selection text Uma biblioteca JavaScript leve (8 KB compactada e 2.9 KB compactada) para permitir que os usuários compartilhem suas seleções de texto nas redes sociais, nos navegadores de desktop. |  Shorthand | CSS framework for designers Shorthand é uma estrutura CSS gratuita e de código aberto, que permite criar um design único e moderno sem escrever CSS. |
 Simple CSS Download | HostM Faça o download da sua cópia gratuita do CSS simples e comece a criar o Cascading Style Sheets de maneira divertida e fácil! |  Snippet List – 30 seconds of CSS CSS snippets. |
 Solar.css Sistema solar em CSS. |  Spinners React Spinners React é um pacote React.js que contém uma coleção de giradores SVG / CSS facilmente personalizáveis, com animações suaves. |
 SpritePad – Create and edit css sprites Com o SpritePad, você pode criar seus sprites CSS em poucos segundos. Basta arrastar e soltar suas imagens e disponibilizá-las imediatamente como um sprite PNG + código CSS. Sem mexer no Photoshop, sem atribuição manual de estilos CSS. |  Starter email template – Blocks Edit Layout do modelo de email inicial para projetar e criar emails. |
 Stylie Uma ferramenta de animação gráfica CSS3 baseada na Web. |  Surge Publicação estática na Web para desenvolvedores front-end. Publicação na web simples, de comando único. Publique HTML, CSS e JS gratuitamente, sem sair da linha de comando. |
 SVG Creator | Convert image to a SVG file Converte JPG-JPEG-PNG-GIF em SVG. |  SVG Path Visualizer SVG Path Visualizer. |
 SVG Splash Uma aplicação de pintura SVG lindamente simples. |  tailblocks — Ready-to-use Tailwind CSS blocks Tailwind CSS blocks. |
 Tailwind CSS – A Utility-First CSS Framework for Rapidly Building Custom Designs Uma estrutura CSS de primeiro utilitário para construção rápida de projetos personalizados. O Tailwind CSS é uma estrutura CSS altamente personalizável e de baixo nível que fornece todos os elementos básicos necessários para criar designs sob medida, sem nenhum estilo de opinião irritante que você precise lutar para substituir. |  Tailwind Starter Kit by Creative Tim O Tailwind Starter Kit é gratuito e de código aberto. Ele não altera ou adiciona nenhum CSS ao já existente do TailwindCss. Possui vários elementos HTML e vem com componentes dinâmicos para ReactJS, Vue e Angular. |
 TEMPLATED | Site Templates Uma coleção de 867 modelos simples de site CSS, HTML5, responsivos e gratuitos sob o Creative Commons. |  The Bézier Game Jogo para treinar o uso da ferramenta pen. |
 The Boolean Game Jogo para aprender sobre formas. |  The Ultimate Website Code Generator Gerador de códigos HTML, CSS, etc ⭐ ⭐ ⭐ ⭐ ⭐ |
 three.js – JavaScript 3D library Biblioteca JavaScript de animação 3D. |  Tridiv | CSS 3D Editor Ótima ferramenta para criar gráficos 3D em formato CSS. Depois de criar seu próprio objeto, você pode extrapolar o código html / css e girá-lo com CSS. |
 Typ Typ é um aplicativo de composição simples. Transforme o Markdown simples em um PDF formatado pronto para impressão. Concentre-se no conteúdo, não na formatação. |  TypeScript – JavaScript that scales. TypeScript é um superconjunto digitado de JavaScript que é compilado para JavaScript simples. Qualquer navegador. Qualquer host. Qualquer sistema operacional. Código aberto. |
 UIConstructor | Code-based design tool Editor interessante baseado no Bootstrap. Durante o desenvolvimento, algumas funções básicas estão ausentes, mas você pode superar essa falta usando o código html. |  Uppload Upload é o melhor carregador de imagens JavaScript. É altamente personalizável com mais de 30 plugins, totalmente gratuito e de código aberto, e pode ser usado com qualquer back-end de upload de arquivo. |
 Van11y: Accessibility and Vanilla JavaScript – ES2015 Van11y (para Vanilla-Accessibility) é uma coleção de scripts acessíveis para elementos ricos de interfaces, criados usando aprimoramento progressivo e personalizável. |  vivus.js – svg animation Vivus é uma classe JavaScript leve (sem dependências) que permite animar SVGs, dando a aparência de serem desenhados. |
 VvvebJs Editor baseado no Bootstrap, permite criar páginas html com funções de arrastar e soltar. Desenvolvido em JS, o código está disponível no GitHub. |  Web Design in 4 minutes Web Design em 4 minutos |
 web development languages – Web4College Tutoriais HTML e CSS. 300+ propriedades CSS. |  Web Maker Editor de HTML/CSS e outros. |
 WebDataRocks | Free Web Reporting Tool Ferramenta gratuita de tabela dinâmica da Web. |  webpack O Webpack é um empacotador de módulos. Seu principal objetivo é agrupar arquivos JavaScript para uso em um navegador, mas também é capaz de transformar, agrupar ou empacotar praticamente qualquer recurso ou ativo. |
 Yarn Oferecendo gerenciamento de dependência 'ultra-rápido, mega-seguro e super-confiável', o projeto de código aberto Yarn é um concorrente do gerenciador de pacotes de nós. |
Placeholder
 {placekitten} – Placeholder kitten images for developers Fotos lorem ipsum de gatinhos. |  21 of the Best Placeholder Image Generators Uma imagem vale mais que mil palavras, então aqui estão 21 mil geradores de imagem para usar em seus mockups e designs. |
 DeLorean Ipsum ⚡ – a Nostalgic Lorem Ipsum Generator Lorem ipsum diferente. |  Lorem Ipsum Tools Texto Lorem Ipsum. |
 Lorem Picsum Fotos lorem ipsum para designers. |  Minions Ipsum!! Gerador de texto Lorem Ipsum dos Minions. |
 PlaceKeanu.com Fotos lorem ipsun do Keanu reeves. |  Quick and Simple Image Placeholders – Dynamic Dummy Image Generator Gerador de image placeholders. |
Screenshots e Screen recorder
 BrowserFrame | Wrap screenshots in browser frames A maneira mais fácil de agrupar capturas de tela em quadros do navegador. Suporta vários navegadores, sistemas operacionais e temas. |  Carbon Crie e compartilhe imagens bonitas do seu código-fonte. Comece a digitar ou solte um arquivo na área de texto para começar. |
 CloudApp | Screen Recorder: Video, Webcam, GIF Recording Software for Mac A maneira mais rápida para capturar e compartilhar. CloudApp é a maneira mais rápida e fácil de compartilhar screenshots. Selecione uma seção da tela usando o atalho global (Cmd + Shift + 5) e obtenha um link para compartilhar instantaneamente. CloudApp permite armazenar imagens online e compartilhá-las de forma rápida e fácil. Ainda tem mais recursos avançados como screengrabs e criação de GIF. Com o aplicativo aberto, você pode pressionar Cmd + Shift + 6 para fazer um vídeo GIF de qualquer coisa que você faz na sua tela. Uma vez que a criação da imagem estiver concluída, CloudApp pode automaticamente colocar o URL da imagem para o clipboard. Peça ao CloudApp para baixar o URL, e você pode rapidamente colar e copiar sempre que a imagem estiver pronta. |  Cross Browser Testing Tools | Free Automated Website Testing | LambdaTest O LambdaTest é um agendador automatizado para teste de captura de tela. Você pode definir intervalos de tempo específicos e a ferramenta fará capturas de tela do URL desejado. Os resultados vão para a sua caixa de entrada. É uma boa maneira de monitorar sites. |
 Full Web Page Screen Capture Online – Fullpagescreencapture.com Captura de página inteira da web. Digite a URL para capturar. |  Is This Big Enough? – Automated Image Vetting Service Ferramenta de comunicação com cliente para checar o tamanho das fotos. |
 Jing | TechSmith Compartilhe idéias imediatamente. Jing é uma maneira simples de começar a compartilhar imagens e vídeos curtos a partir da tela do seu computador. Pode ser para trabalho, casa, ou jogo, Jing tem a capacidade de adicionar elementos visuais básicos para a sua captura e compartilhá-los rapidamente. |  Kap – Capture your screen Capture sua tela. Um gravador de tela de código aberto desenvolvido com tecnologia da web. |
 Loom | Free Screen Um novo tipo de ferramenta de comunicação de trabalho que ajuda a transmitir sua mensagem através de vídeo compartilhável instantaneamente. |  Make A Gif – Animated Gifs Maker, Free Gif Creator Online Crie Gifs animados online. |
 RecordScreen.io – Record your screen right from the browser Grave a tela a partir do browser. |  Screen Recorder | Free, Private, No Ads Gravador de tela. |
 Screenie – Screenshot Manager on the Mac App Store Screenie é um aplicativo para Mac para gerenciar capturas de tela. Mas a melhor característica é que você pode pesquisar texto dentro de imagens de captura de tela. |  Screenjar Solicite gravações de tela de usuários e colegas de equipe com um link. Uma gravação rápida na tela geralmente é a melhor maneira de entender como as pessoas estão experimentando seu site. Solicite um vídeo de qualquer pessoa com um link. Não são necessárias extensões ou aplicativos. Eles apenas clicam no link e começam a gravar. Quando terminam, o vídeo é salvo para você revisar. |
 Screenshot Tracker – Capture and track of full length web page screenshots Tão simples quanto fornecer uma lista de URLs para tirar screenshots. Selecione as resoluções de tela que deseja ver para cada URL da página. |  Serverless Cam Gravação de tela. |
 Webshot Capturar sites como serviço. |  Website screenshot API | ApiFlash Simples e poderoso API de captura de tela do site com base no Google Chrome e AWS Lambda. |
SEO e Análise do site
 Alexa – Website Traffic Ranqueamento e análise de websites. |  Alexa – Find Similar Sites Encontre sites similares ao seu. |
 Alexa – Top sites Os 500 top sites da web. |  Backlinks: Sua Ferramenta de Backlink Gratuita Para Link Building Descubra quem faz links para você e para seus concorrentes com o nosso verificador de backlink gratuito. Use-o para link building e para impulsionar seus rankings. |
 Browseo Como os sites de busca enxergam o seu site. |  Copyscape Plagiarism Checker – Duplicate Content Detection Software Procure cópias da sua página na web. |
 Find Broken Links, Redirects Encontre links quebrados, redirecionamentos e outros problemas. |  Free Backlink Analysis | Toxic Backlink Checker | LinkGraph Verificador de backlinks tóxicos. |
 GeoPeeker – A tool for viewing sites from different geographic locations Veja como um site aparece para o resto do mundo. |  Google – Free Keyword Rank Checker Rankings gratuitos de palavras-chaves e checagem de SERP. |
 Google – PageSpeed Insights Veja a performance do seu site. |  Google – Planejador de palavras-chave Escolha as palavras-chave certas |
 GTmetrix ⭐ ⭐ ⭐ ⭐ ⭐ Analise a velocidade do seu site. |  Keyword Tool Uma alternativa gratuita ao Planejador de Palavras-Chave do Google. |
 KnowEm Social Media Optimization (SMO) Tool Digite o URL do seu site e será verificado se o código HTML da sua página está otimizado para compartilhamento via Social Media. A ferramenta Otimização de mídia social (SMO) analisará seu código de marcação para o protocolo Open Graph do Facebook, autoria do Google+, LinkedIn e dados do cartão de resumo do Twitter. Os resultados representam uma aproximação da aparência do seu site quando compartilhado pelos botões de mídia social. |  Landing Page Analyzer: Report Teste a eficácia da sua página de destino e obtenha um relatório personalizado e gratuito de táticas acionáveis para aumentar suas taxas de conversão! |
 Link research Os backlinks mais recentes, de graça. |  Moz | World’s Best SEO Tools and Free Search Software Ferramentas SEO. |
 Moz Link Explorer Uma ferramenta compreensível para análise de links. |  Moz Local Veja sua presença local no Google, Bing e outros. |
 Nibbler Teste qualquer site. |  OpenLinkProfiler – Free link analysis tool – Link research Os backlinks mais recentes, de graça. Obtenha uma análise aprofundada dos mais recentes backlinks on-line. OpenLinkProfiler oferece mais do que todos os outros bancos de dados de backlinks. Filtragem de links sofisticada, ferramenta de Desinfecção de links, Alertas de links. Links atualizados diariamente. |
 Optimizely Plataforma de otimização para websites e apps. |  Pingdom Tools Teste o tempo de carregamento do site. O Speed Test foi construído para ajudá-lo a analisar a velocidade de carregamento de seus sites e aprender como fazê-los mais rápidos. Ele permite que você identifique porque uma página web é rápida, lenta ou muito grande, as melhores práticas que você não está seguindo, e assim por diante. O site pode ser útil tanto para especialistas quanto para novatos. É uma ferramenta fácil de usar para ajudar os webmasters e desenvolvedores web a otimizar o desempenho de seus sites. |
 QuickSprout Análise completa do seu website. Obtenha mais tráfego com recomendações para o seu blog. |  Renderproxy Torne seu aplicativo rastreável sem uma linha de código Melhore o SEO do seu aplicativo de página única com renderização dinâmica, obtenha domínios personalizados para qualquer site e muito mais. |
Scout Suggest: Free Keyword Research Tool | SEO Scout Ferramenta gratuita de pesquisa de palavras-chave. |  Search Engine Optimization (SEO) Tools | SEO Site Checkup * Todas as ferramentas gratuitas de SEO. |
 SEO Site Checkup Verificação gratuita dos problemas de SEO do seu site. |  SEO Tools, Software and Articles | SEO Site Checkup * Verificação gratuita dos problemas de SEO do seu site. Execute a análise ilimitada em servidores poderosos. Relatórios armazenados vão tornar fácil a visualização do progresso e o trabalho executado. Automaticamente mantenha o controle das mudanças semanais em mais de 30 variáveis de SEO. Receba notificações se o seu SEO score mudar. |
 Shopify Community Obtenha um relatório gratuito do seu e-commerce. |  SimilarWeb Estatísticas de tráfego de sites e Inteligência de Mercado. |
 SiteGuru | Check your website for SEO and usability issues Análise de SEO e usabilidade. |  Start Profiling – Fast or Slow Perfil global de velocidade do site. |
 StatusCake | Website Monitoring Poderosas ferramentas de monitoramento fáceis e rápidas de configurar. Alertas instantâneos em que você pode confiar, no momento em que seu site for desativado. Obtenha informações valiosas sobre como o desempenho do seu site está afetando as experiências de seus clientes - ajudando sua empresa a ficar à frente da concorrência. |  Timelin9 Analytics Análise da web flexível, baseada na linha do tempo. Acompanhe o que os usuários clicam com simplicidade. Para acessar o painel, digite dentro do campo de entrada: timelin9.com. |
 Ubersuggest – Dashboard Ferramenta de sugestão de palavras-chave. Obtenha idéias de palavras-chave com Übersuggest, a ferramenta da sugestão de keyword gratuita que faz bom uso de diferentes serviços. Übersuggest pode obter sugestões tanto de pesquisa regular da Web ou de busca verticais como de compras, notícias ou vídeo. |  Ubersuggest é uma Ferramenta Gratuita de Pesquisa de Palavra-Chave Ferramenta de sugestão de palavras-chave. Obtenha idéias de palavras-chave com Übersuggest, a ferramenta da sugestão de keyword gratuita que faz bom uso de diferentes serviços. Übersuggest pode obter sugestões tanto de pesquisa regular da Web ou de busca verticais como de compras, notícias ou vídeo. |
 Website Grader Avalie o marketing do seu site. Marketing de Grader analisa todos os aspectos de seus esforços de marketing e permite que você saiba onde você está tendo sucesso e o que você precisa fazer para melhorar. Marketing de Grader também descreve por que você deve tomar medidas específicas e quais são suas principais prioridades. Com itens de ação customizadas para ajudar a melhorar seu funil de conversão e sua análise, Marketing Grader torna mais fácil descobrir seus próximos passos. Marketing de Grader vai ajudar você a entender: Blogging ➜ Meu blog tem resultados que justifiquem o investimento de tempo, ou estamos perdendo tempo fazendo as coisas erradas? Social Media ➜ Como efetivamente estamos usando Facebook, LinkedIn e Twitter em nosso marketing? SEO ➜ Como o meu site é otimizado para ser encontrado por pessoas à procura de meus serviços on-line? Lead Generation ➜ Meus esforços de marketing e geração de leads e vendas são suficientes? Mobile Marketing ➜ Minha presença na web é otimizada para dispositivos móveis? Benchmarking competitivo ➜ Meu marketing é mais ou menos eficaz do que a minha concorrência? |  WooRank Avaliação de websites e ferramenta de SEO. |
 XML Sitemaps Generator Gerador de mapas de sites que cria variações em XML & HTML, Google Sitemap Online. |
Teste responsivo
 embedresponsively.com Embed responsivo. |  Responsify – A responsive template generator Gerador de modelo responsivo. |
 Responsive Image Breakpoints Generator by Cloudinary Gere facilmente as dimensões ideais da imagem responsiva. |  Responsive Website Design Tester | Media Genesis Checagem se é responsivo. |
 Responsive Website Test Teste de site responsivo. Teste seu site em pontos de interrupção para celular, tablet e computador. |  Responsively App Um DevTool obrigatório para todos os desenvolvedores Front-End que facilitará seu trabalho. |
 Screen Size Map Mapa de tamanhos de telas. |  Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices Tamanho das telas. |
 Test your homepage on an iPhone X Teste seu site no iPhone X. |  Troy – Responsive web tester Teste responsivo. |
Tipografia
 1001 · Fonts Most Popular Fonts Fontes populares. |  1001 Free Fonts – Download Fonts Uma enorme coleção de fontes gratuitas. |
 5 amazing color fonts from top creatives Fontes coloridas. |  A Variable Fonts Primer As fontes variáveis permitem adicionar nuances e arte à sua tipografia da web sem atrapalhar o site. Agora você pode realizar o que costumava exigir vários arquivos com um único arquivo e algum CSS! O objetivo deste site é mostrar como as fontes variáveis são marcadas. Descubra como eles podem beneficiar o design da interface do usuário, a acessibilidade e a leitura de formato longo, e como eles ultrapassam os limites da expressão tipográfica hábil na Web. |
 Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts Escolha pares de fontes harmoniosas. |  AtF Sparks — After the flood Exibe gráficos em texto sem precisar usar código. |
 Beautiful Dingbats Beautiful Dingbats é uma coleção de ferramentas, truques e artigos para ajudá-lo a se destacar online. |  Beautiful web type — the best typefaces from the Google web fonts directory Os melhores tipos do diretório de fontes do Google. |
 Befonts – Download free fonts Fontes grátis para criativos. |  Bowfin Printworks – Finding Just Your Type – Serif Font Identification Guide – Search Page – Identification Tool Guia de identificação de fontes com sérifa. |
 Braille Neue Braille Neue é um tipo de letra universal que combina braille com caracteres existentes. Esse tipo de letra se comunica com as pessoas cegas e com visão no mesmo espaço. |  Brick | Fonts Seletor de fontes. |
 Canva | Find the perfect font combination ⭐ ⭐ ⭐ ⭐ ⭐ Combinação de fontes. |  CSSans Pro – The Colourful, Sassy, CSS Font Uma fonte CSS colorida, diferente. |
 DaFont – Baixar fontes Um arquivo de fontes gratuitas para baixar. |  Design System Playground De que fonte você gosta? |
 Discover.typography by H Inspiração de fontes. |  Download Fonts – Free Fonts Download Fontes gratuitas de alta qualidade. |
 emotype Fontes organizadas por emoção. |  FatFonts « FatFonts A técnica FatFonts é baseada em um novo tipo de tipo de letra numérico projetado para fins de visualização que preenche a lacuna entre representações numéricas e visuais. O FatFonts é baseado em números indo-arábicos, mas, diferentemente dos caracteres numéricos regulares, a quantidade de tinta (pixels escuros) usada para cada dígito é proporcional ao seu valor quantitativo. Isso permite a leitura precisa dos dados numéricos, preservando um contexto visual geral. n Exemplos / referências: Galeria |
 Featured Collections – Google Fonts Coleções de fontes. |  FFonts | baixar fontes gratis – free fonts download Fontes gratuitas. |
 Ficture Design – Fine Font Reference Archive Fontes utilizadas pelas marcas. |  Find free alternatives to commercial fonts. Best free alternatives to the most popular fonts Encontre alternativas gratuitas para fontes comerciais. |
 Find the perfect font combination | Canva Encontre a combinação perfeita de fontes para seu próximo projeto. |  Font Finder 🔎 by What Font Is Ache qualquer fonte de qualquer imagem. |
 Font Flame – Tinder for font pairing Pares de fontes. |  Font Flipper – Find Free Fonts Teste fontes gratuitas em uma imagem. |
 Font In Logo – Search Engine for Logos Fontes em logos e marcas. |  Font Library Catálogo de fontes. |
 Font Pairings | ByPeople – Try font pairings and see how they look in your project! Experimente o pareamento de fontes e veja como eles ficam no seu projeto! |  Font Squirrel | Free Fonts! Legit Free Fontes gratuitas de alta qualidade. |
 Font-To-Width Acomode trechos de texto em seus respectivos espaços. |  Fontasy.org – Free Fonts – Main page – Free Fonts Fontes gratuitas. |
 FontBase — a Free, Beautiful, and Fast Font Manager ⭐ ⭐ ⭐ ⭐ ⭐ FontBase é o gerenciador de fontes da nova geração, criada por designers, para designers. |  FontFace Dojo Bookmark fontes de qualquer site. |
 Fontjoy – Generate font pairings in one click ⭐ ⭐ ⭐ ⭐ ⭐ Pares de fontes. |  FontPair – Helps you pair Google Fonts together Pares de fontes do Google fonts. |
 FontReach O FontReach verifica milhões de sites para mostrar o uso de fontes na Web. |  Fonts | typеdepot Fontes gratuitas. |
 Fonts In Use – Type at work in the real world. Um arquivo independente de tipografia. |  Fonts made by gluk Fontes gratuitas. |
 Fonts That People Actually Use Fontes que as pessoas realmente usam. |  FontShop Fontes gratuitas. |
 FontSpace | 61000 Font Downloads Fontes compartilhadas por designers. |  FontSpark | Discover Better Fonts Teste de fontes. |
 Fontspring Matcherator :: Find Fonts From An Image Tem uma imagem com o tipo e você não sabe qual é a fonte? Faça o upload e encontre as fontes correspondentes. |  fontsrepo Fontes gratuitas. |
 FontStruct | Build, Share, Download Fonts Construa, compartilhe e baixe fontes. FontStruct é uma ferramenta gratuita de construção de fontes, patrocinada pela principal rede de varejo do mundo de tipos digitais, a FontShop. FontStruct permite que você de maneira rápida e fácil crie fontes construídas fora das formas geométricas, dispostas em um padrão de grade, como telhas ou tijolos. Você cria 'FontStructions' usando o editor de fontes 'FontStructor'. |  Fonty: the new way for testing web fonts Ótima ferramenta para testar fontes do google em um site. Basta digitar o URL e escolher fontes para títulos e textos. |
 free « MyFonts⭐ ⭐ ⭐ ⭐ ⭐ Fontes gratuitas. |  Free Font | Fotos, vídeos, logotipos, ilustrações e identidade visual no Behance Fontes gratuitas. |
 Free font ideas from Google fonts – Brandmark font generator Pares de fontes do Google fonts. |  Free Fonts – Awwwards⭐ ⭐ ⭐ ⭐ ⭐ Fontes gratuitas. |
 Free Fonts – Free Design Resources⭐ ⭐ ⭐ ⭐ ⭐ Fontes gratuitas. |  FREE FONTS PROJECT Fontes gratuitas. |
 Free Online Font Converter Converta fontes em diferentes formatos. FreeFontConverter.com permite converter rapidamente entre muitos formatos de fonte sem o incômodo de instalar qualquer software no seu computador. O serviço de conversão de fonte funciona para todos os formatos de fonte comuns, incluindo TrueType (.ttf), OpenType (.oft) e PostScript (.ps). Também pode converter muitos dos formatos de fontes menos conhecidos incluindo Suitcase (.suit) e Data Fork (.dfont). |  Free Online OCR – Convert JPEG, PNG, GIF, BMP, TIFF, PDF, DjVu to Text Converte JPEG, JPG, PNG, GIF, BMP, TIFF, PDF, DjVu em Texto. |
 Glyphter | The SVG Font Machine Crie uma fonte pessoal com imagens SVG ou escolha entre diferentes bibliotecas de ícones. Exporte em vários formatos de fonte (off, ttf, tot, svg). |  Golden Ratio Typography (GRT) Calculator ⭐ ⭐ ⭐ ⭐ ⭐ Golden Ratio Typography. |
 Google – Fontes ⭐ ⭐ ⭐ ⭐ ⭐ Fontes gratuitas de código aberto, otimizadas para a web. |  Google Fonts by Tags Fontes do Google com tags de classificação. |
 google webfonts helper Uma maneira fácil de auto-hospedar fontes do Google. |  Gridlover Estabelece um sistema tipográfico com escala modular e ritmo vertical. |
 Identifont – 1: Serif or sans-serif? Identificação de fontes. |  Installed Fonts – Abstract Fonts Fontes gratuitas. |
 Kern Type, the kerning game Jogo para aprender sobre kerning. |  Leon Sans examples Fonte geométrica sem sérifa gerada por código. |
 Lost Type Co-op | Browse Fontes gratuitas. |  Neogrey – Fonts Fontes gratuitas. |
 Open Foundry / Fonts ⭐ ⭐ ⭐ ⭐ ⭐ Fontes gratuitas. |  Optician Sans – Free font based on historical optotypes Uma fonte gratuita baseada nos gráficos oculares históricos e nos optótipos usados pelos oculistas em todo o mundo. |
 Premium Free Fonts | Top Quality Free Fonts For Download Now Fontes gratuitas. |  Preview Google Fonts | Web Font Preview Visualize o Google Fonts em um site real. Escolha e emparelhe tipos de letra usando um modelo de site em vez de espécimes de tipo. |
 Prototypo | Design custom fonts that perfectly fit your needs Crie variações de fontes rapidamente. |  Rostype Fontes gratuitas. |
 Sans Forgetica – RMIT Uma fonte para download desenvolvida cientificamente para ajudá-lo a se lembrar das anotações do estudo. |  Shape Type, the letter shaping game Jogo para aprender tipografia. |
 Shimmery Text w/ SVG GSAP 😎🤩 O Shimmery Text usa SVG e GSAP para criar um elemento interessante de texto animado com controles editáveis. |  Ten by Twenty : Typographic experiments and free fonts – pay what you feel is fair Fontes gratuitas. |
 The good line-height Calcula o número exato para que sempre se ajuste à grade da linha de base. |  The League of Moveable Type⭐ ⭐ ⭐ ⭐ ⭐ Fontes gratuitas de alta qualidade. |
 Tiff – a visual typeface diff tool. Contraste visual das diferenças entre 2 fontes. |  Top Fonts – FontM Fontes gratuitas. |
 Truetype Font for free download about (26,501) truetype Font. sort by popular first Fontes gratuitas. |  Type Anything Teste as fontes em H1, H2, H3 e parágrafo. |
 Type Nugget (Beta) | CSS Typography Uma ferramenta de composição on-line que oferece controle fino sobre uma base robusta para o tipo hella fine web - tudo por meio de uma interface agradável do usuário. |  Type Scale – A Visual Calculator ⭐ ⭐ ⭐ ⭐ ⭐ Escala dos tamanhos das fontes. |
 typespiration.com – A showcase of web typography designs with ready-to-use CSS codes. Combinações de fontes inspiradas e paletas de cores gratuitas para usar em seus próprios designs. |  Typewolf | What’s Trending in Type Tendências da tipografia. |
 Upside Down Text Generator Gera texto de cabeça para baixo. |  Wakamai Fondue, the tool that answers the question “what can my font do?” O que minha fonte pode fazer? |
 WEB Free Fonts for Windows and Mac / Font free Download – OnlineWebFonts.COM Fontes gratuitas. |  Webfont generator – Creative Fabrica Converta seus arquivos de fonte otf e ttf em fontes da web utilizáveis. |
 WhatFont Tool – The easiest way to inspect fonts in webpages « Chengyin Liu Inspetor de fontes para browsers. |  WhatTheFont! « MyFonts Identificação rápida da fonte. |
 Wordmark.it – Ajuda você a escolher fontes Exibe sua palavra / frase escrita com todas as fontes que já estão instaladas no seu computador. |
Wordpress - Plugins e Temas
 Add Live Chat to Your WordPress Site Plugin para chat. |  AddThis Consiga mais compartilhamentos, seguidores e conversões. |
 All Plugins | WP Plugin Directory Diretório não oficial de plugins Wordpress. |  Blocksy – Free Premium WordPress Gutenberg Theme Tema gratuito. |
 Browse Free WordPress Themes from Site5 Temas Wordpress gratuitos. |  Buy Me A Coffee – Free and Beautiful Donate Button – WordPress plugin | WordPress.org Botão de doação. |
 Centro de Recursos – Kinsta WordPress Hosting Gerenciado Centro de recursos Wordpress. |  Click To Tweet Ganhe mais compartilhamentos para seu conteúdo. |
 Cognito Forms – WordPress plugin | WordPress.org Crie facilmente formulários poderosos. |  Contact Form 7 Um famoso plugin Wordpress para coletar endereços de email. |
 Dreamgrow Scroll Triggered Box Aumente sua taxa de conversão — Apenas Wordpress. |  Drift | The New Way Businesses Buy From Businesses⭐ ⭐ ⭐ ⭐ ⭐ Crie seu chatbot perfeito em segundos. Usando o Bot Builder, você pode criar facilmente o fluxo de conversação perfeito para o seu site em minutos. Absolutamente nenhum código necessário! |
 Editorial Calendar Veja todos seus posts. Arraste e solte para organizar o seu blog. |  Footer Plugin for Divi Plugin de Footer para DIVI. |
 Fusebox – The Most Powerful Podcast Player For Your Website Transforme seu site em uma potência de podcasting com o Fusebox. Com esse plugin WordPress, você pode incentivar a escuta, conduzir a conversão para assinantes de e-mail e recompensar os fãs com transcrições. |  GenerateWP – User friendly tools for WordPress developers Gerador de código Wordpress. |
 Google – Introducing Site Kit by Google for WordPress – Site Kit Site Kit do Google para WordPress. |  instant.page Plugin para melhoria de performance do site. |
 Linkbuildr – A Free WordPress Plugin to Automate Content Promotion Ξ FTF O Linkbuildr é um plugin WordPress grátis que envia automaticamente o conteúdo recentemente publicado a influenciadores relevantes para promoção. |  Local | Local WordPress development made simple A ferramenta de desenvolvimento local # 1 do WordPress. Pare de depurar ambientes locais e gaste mais tempo iniciando sites do WordPress. |
 Lorem Ipsum Plugins Gere Lorem Ipsum no editor de texto, processador de texto ou CMS de sua escolha. |  Modern Comparison Slider – WordPress plugin | WordPress.org Um controle deslizante de comparação moderno e fácil de usar. Compare imagens antes e depois, para classificação, CGI e outras comparações de retoque. Converta facilmente duas imagens em um controle deslizante de comparação para mostrar seu trabalho, seja classificação de foto, CGI ou qualquer outro tipo de retoque. |
 MRKWP Social Photo Feed For Divi Instagram feed para DIVI. |  OnePress Social Locker Peça aos visitantes para “pagar” pelo seu conteúdo com um tweet, etc. |
 Page-Building Gutenberg Blocks and Templates – Blockypage – WordPress plugin | WordPress.org Blockypage é um conjunto de blocos personalizados do Gutenberg e layouts pré-criados que ajudam a criar seus sites usando o Gutenberg de maneira rápida e fácil, os blocos vêm com todas as opções de personalização necessárias: tipografia, espaçamento, opções de plano de fundo, bordas ... etc. |  Plugins – Figma Plugins para Figma. |
 Print, PDF, Email by PrintFriendly – WordPress plugin | WordPress.org Crie uma versão para impressão de uma página da web. |  Quick Start | WordPress | Algolia Documentation Integração Algolia X Wordpress. |
 Remove products background for WooCommerce – WordPress plugin | WordPress.org Remove o fundo de fotos de produtos para WooCommerce. |  Slide to Subscribe | Collect emails anywhere Um formulário de inscrição simples, mas poderoso. Com o Slide to Subscribe, você obtém mais assinantes de e-mail permitindo que qualquer pessoa se inscreva com apenas um slide. Funciona em qualquer lugar, não requer banners de cookies - e é grátis. |
 Smush Image Optimization, Compression, and Lazy Load Plugin do Wordpress para otimização de imagens. |  Smush Image Optimization, Compression, and Lazy Load – WordPress plugin | WordPress.org Otimização de imagens. |
 Socicon Gerador de ícones customizados das redes sociais. |  StoryChief for WordPress Otimize as postagens do seu blog para SEO e distribua-as com um clique. O StoryChief é a ferramenta confiável que permite criar, planejar, otimizar e distribuir artigos para diferentes canais de publicação em um só lugar. www.storychief.io |
 Sumo Otimiza automaticamente seus botões de compartilhamento para atingir o máximo de tráfego. |  The WordPress Plugin Boilerplate | A Foundation For Building High-Quality WordPress Plugins Gerador de plugin Wordpress. |
 Ultimate Hand-Picked List of the Best WordPress Plugins for 2019 O melhor dos plugins do Wordpress. |  Unlock: The Web’s new business model Monetize a web por meio de associações. Unlock permite bloquear e gerenciar facilmente o acesso ao seu conteúdo, aplicativos, comunidade e até eventos e espaços da vida real. |
 Wodpress Plug-in – Lordicon Animated Interactive Web Icons Um plug-in gratuito para o Wordpress que permite inserir e personalizar ícones .json animados em um piscar de olhos. |  WordPress Admin Colors Generator⭐ ⭐ ⭐ ⭐ ⭐ Personalize sua página de administração do WordPress. Crie seu próprio esquema de cores em menos de um minuto! |
 WordPress Plugin Boilerplate Generator | Ready to use WordPress Plugin Boilerplate Plugin para o gerador WordPress Plugin Boilerplate. |  WP Hide Post Controle a visibilidade de itens em seu blog. |
 WPCOM – Curated Directory of WordPress Resources Descubra centenas de recursos do WordPress, cuidadosamente elaborados pelos especialistas. |  WPOnion É uma estrutura simples e poderosa que ajuda os desenvolvedores a criar meta boxes, campos personalizados e muito mais no WordPress de maneira rápida e fácil. |
 Yoast SEO Otimização total do seu site WordPress. |