/ferramentas-frontend

Ferramentas para trabalhar com desenvolvimento frontend

OtherNOASSERTION

Ferramentas Frontend 🛠️

Bem-vindo(a) ao Ferramentas Frontend! Este projeto open source é um conjunto de ferramentas frontend. Seu propósito citar as melhores ferramentas para ajudar no desenvolvimento frontend.

Ferramentas 🎉

Nome Tecnologia Descrição curta
Swiper JavaScript Bibliotecas de slides/carrosseis
barba JavaScript Blibliotecas de transição
slick JavaScript Bibliotecas de slides/carrosseis
Particles JavaScript Bibliotecas de partículas
Tilt JavaScript Bibliotecas de efeitos
GSAP JavaScript Bibliotecas de animação
mo.js JavaScript Biblioteca de efeitos
three.js JavaScript Biblioteca de animações 3D
Sweet Alert 2 JavaScript Alternativa para caixas pop-up
shadcn React Bibliotecas de coleção de componentes
animista CSS Ferramenta para gerar animações
cubic-bezier CSS Ferramenta para gerar transições
Hover CSS Animações diversas utilizando Hover
WickedCSS animations CSS Efeitos de animações variados
Image Hover CSS Animações utilizando Hover em imagens
Csshake CSS Animações que fazem elementos tremem de maneiras diferentes
CSS Scan - box-shadows examples CSS Exemplos de box-shadows
CSS Scan - checkboxes examples CSS Exemplos de checkboxes
CSS Gradient CSS Ferramenta para gerar gradientes
ColorZilla Extensão Conta-gotas de cores da página Web
Dimensions Extensão Uma ferramenta para medir as dimensões da tela
Lighthouse Extensão Ferramenta que fornece sugestões de como melhorar o desempenho, qualidade e correção de suas aplicações web
Pesticide for Chrome Extensão Ajuda a visualizar o posicionamento dos elementos na tela
Responsive Viewer Extensão Mostra múltiplas telas, testador de design responsivo
Wappalyzer - Technology profiler Extensão Identifica tecnologias web usadas em um site
Web Developer Extensão Adiciona uma barra de ferramentas com várias ferramentas de desenvolvedor web
Web Vitals Extensão Mede métricas para um site saudável
WhatFont Extensão Identificador de fontes usadas em um website
axe DevTools Extensão Verificador de acessibilidade para desenvolvedores, testadores e designers no Chrome
React Developer Tools Extensão É uma extensão do Chrome para desenvolvedores React, permitindo inspeção de componentes, monitoramento de estados e alterações dinâmicas
TinyPNG Otimização Compressão inteligente WebP, PNG e JPEG para tornar os sites mais rápidos
Contrast Checker Otimização Medidor de contraste do background e da fonte
Squoosh Otimização Otimização e redimensionamento de imagens
ConvertIco Utilitário Converte uma imagem em um favicon

Contribuição ✨

Ajude a comunidade tornando este projeto ainda mais incrível. Leia como contribuir clicando aqui e a licença. Estou convencido de que juntos alcançaremos coisas incríveis!