Links de ferramentas e conteúdos úteis para desenvolvedores.
| Descrição | Link |
|---|---|
| Animação keyframes | jeremyckahn |
| Gradiente | colorzilla |
| Gradiente randomico | uigradients ⭐ |
| Estilos de botões em | bttn.css ⭐ |
| Vários botões UI | ui-buttons ⭐ |
| Animações CSS | CSS-loaders ⭐ |
| Animações css Loaders | uiBall ⭐ |
| UI CSS | uiverse ⭐ |
| Interações prontas de ícone menu, botão e setas | raphaelfabeni/ui-interactions/ |
| Descrição | link |
|---|---|
| Cria um fonte com vários ícones | fontello ⭐ |
| Varios pack de ícones | icomoon.io ⭐ |
| Font awesome | fontawesome.com |
| Visualize as fontes do google | fontcdn |
| Site para baixar fontes e usar na web | onlinewebfonts |
| ícones svg, React, vue e outros | icones |
| Gerator tipografia web | fontjoy |
| tipo | link |
|---|---|
| Pacote SVG | feathericons |
| Pacote SVG | iconsvg |
| Pacote SVG | ikonate |
| Fonte | themify |
| SVG | iconshock |
| SVG pacote gradiente | iconshock |
| Svg animados com Lottie | useanimations |
| tipo | link |
|---|---|
| Illustrações SVG | storyset |
| Background em SVG | svgbackgrounds |
| Descrição | Link |
|---|---|
| Alta resolução | pexel |
| Rostos de pessoas | generated faces |
| Url de imagens | lorempixel |
| Placehold | placehold |
| descrição | Link |
|---|---|
| Texto, imagem e vídeo em lorem | ipsm.io |
| Loading css, svg e gif | loading.io ⭐ |
| Baixar fonte do google | google-webfonts-helper |
| Converte fontes para web | https://transfonter.org/ |
| Git ignore | gitignore ⭐ |
| Descrição | Link |
|---|---|
| Exemplos de códigos html, css e js | freefrontend |
| Links úteis | thestarterkit |
| Links úteis | allthefreestock |
| Links úteis | wwwhere.io |
| Gera imagem de código | carbon ⭐ |
| Varios links de pacotes para design e frontends | akshay ⭐ |
| Favicon e manifest.json | realfavicongenerator ⭐ |
| Preencher Manifest.json | tomitm |
| Funções nativa do celular para web | whatwebcando |
| Ver o site em varios tamanhos do navegador | everysize-app |
| Gera api com Excel apenas GET | sheetsu |
| Gera api usando git apenas GET | apiwithgithub |
| Gera api usando Excel muito conhecito | sheety |
| CRUD api MOCK | jsonbin](https://jsonbin.io/) ⭐ |
| Cria páginas simples | postKit |
| Gerador cores | javisperez |
| Gerador cores | uicolors ⭐ |
| Todos as classes | cheat-sheet |
| Escrever e compartilhar código | tailwind playground |
| Vscode plugin | Tailwind CSS IntelliSense |
| Escrever tailwindcss online sem IDE | pay.tailwindcss |
| Elementos prontos com Tailwindcss | blocks.wickedtemplates |
| Gerar paleta de cores | mycolor |
| Utilitarios de cores | colorsinspo ⭐ |
| Publicação sites estaticos | Surge.sh ⭐ |
| pré-visualizar Meta tags | https://metatags.io/ ⭐ |
| pré-visualizar Meta tags Social | linkpreview.io ⭐ |
| Encontre palavras chaves atuais no Google | Trend.Google |
| check Seo site | seobility |
| SEO AI | aiseooutlines ⭐ |
| Dicas usando react Hook | useHook |
| cheatsheet para React | devHints ⭐ |
| Generator tokens | layoutit |
| Converte figma tokens para CSS | figmatokens2css ⭐ |
| Readmd | readmd |
| Gerar Badges | badgen.net |
| 150+ Badges for GitHub | 150-badges-for-github-pnk |
| CSS BEM | BEM Cheat sheet |
| Links frontend | frontend-tools |
| utils front | smalldev |
| mockups generetors | shots |
| Criar um portfólio (bento design) | bento.me |
Envie suas sugestões de links que são uma mão na roda. Clique aqui.