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.
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 |
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!