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 |
Envie suas sugestões de links que são uma mão na roda. Clique aqui.