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!
Este repositório é um projeto gratuito para a comunidade de desenvolvedores, mas você pode me ajudar comprando o meu ebook "eFront - Estudando frontend do zero" se estiver interessado em aprender ou melhorar suas habilidades de desenvolvimento frontend. A sua compra me ajuda a produzir e fornecer mais conteúdo gratuito para a comunidade. Adquira agora e comece sua jornada no desenvolvimento frontend.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent