contributing guidelines antes de enviar novos recursos. Sites e recursos com componentes de UI modernos em diferentes formatos como PSD, Sketch, Figma, etc. Eles são ótimos para ideias de componentes web/UI
| Site | Descrição |
|---|---|
| Ondas senoidais SVG | Exporte ondas senoidais perfeitas como SVG para seus projetos front-end |
| Design de interface do usuário diariamente | Componentes de UI impressionantes de todos os tipos |
| 100 UI diárias | Biblioteca Figma gratuita de produtos, elementos e telas |
| Fontes de aplicativos Sketch | Sketch UIs, wireframes, ícones e muito mais |
| Humaaans | Ilustrações legais de pessoas com a capacidade de misturar e combinar |
| Padrões | Coleção gratuita de belos padrões para todos os formatos vetoriais |
| Ilustração 404 | Ilustrações gratuitas para 404 páginas |
| Drawkit.io | Ilustrações para designers e startups |
| Absurdo.design | Ilustrações surrealistas gratuitas para designers e desenvolvedores |
| Undraw.co | Ilustrações de código aberto para qualquer ideia que você possa imaginar e criar |
| Manypixels.co | Ilustrações monocromáticas e isométricas de alta qualidade |
| Abra pessoas | Biblioteca de ilustrações desenhadas à mão |
| Aplicativo Invision | Biblioteca de kits de interface de usuário, pacotes de ícones e modelos gratuitos e de alta qualidade |
| Abrir rabiscos | Um conjunto gratuito de ilustrações esboçadas |
| Avatares | Biblioteca gratuita de esboços de ilustrações de avatares de Pablo Stanley |
| Corar | Ilustrações personalizáveis gratuitas com Figma Plugin |
| Padrões de herói | Uma coleção de padrões de fundo SVG repetíveis |
| Padrões BEAUBUS | Um conjunto de mais de 150 padrões SVG gratuitos (fundos) |
| Projeto IRA | Uma coleção de ilustrações gradientes de código aberto do criativo tim. |
| Texturas Transparentes | Uma coleção de padrões de fundo de texturas transparentes. |
| icon8.com/ilustrações | Ilustrações vetoriais para aprimorar seu projeto |
| Padrão | Criador de padrões sem costura |
| Ilustrações Pixeltrue | Ilustrações animadas gratuitas |
| API abstrata de avatar de usuário | API para criar avatares de usuários simples, mas flexíveis, a partir de nomes de usuários ou e-mails |
| sketchvalley | Baixe gratuitamente arquivo PNG, SVG ou AI. |
| PadrãoPad | Designs de padrões exclusivos gratuitos e ilimitados. |
| Dimensões | Dimensions.com é um banco de dados de referência contínuo de desenhos dimensionados que documentam as medidas e tamanhos padrão dos objetos e espaços do dia a dia. |
| Bug de brindes | Recursos escolhidos a dedo para web designers e desenvolvedores, constantemente atualizados. |
| Flexível | Uma nova ilustração de código aberto de alta qualidade a cada dia. |
| Texto legal | Cool Text é um gerador de gráficos GRATUITO para páginas da web e qualquer outro lugar onde você precise de um logotipo impressionante sem muito trabalho de design |
| kit de ilustração | Ilustrações premium de código aberto adicionadas diariamente |
| Gerador de padrões Doodad | Crie padrões exclusivos, contínuos e isentos de royalties. |
| Monstro Padrão | Um gerador de padrões online simples para criar padrões SVG repetíveis |
| Exemplar | Biblioteca de Avatares Gratuita para Figma e Sketch |
| UIBundle | Milhares de recursos de design gratuitos, como kits de interface do usuário, modelos, ilustrações, ícones, fontes, recursos 3D, modelos e muito mais. |
| openby.design | Recursos de design de UI gratuitos e personalizados, para projetos pessoais e comerciais. Nenhuma atribuição é necessária. |
| Listra de design | Crie belas ilustrações, sem necessidade de habilidades de design. |
| Olá SVG! | Um playground SVG para compartilhar coisas SVG. |
| simu.co | Modelos gratuitos, kits de UI, ícone, PSD |
| Gradiente de malha | Gere e baixe lindos gradientes de malha. |
| Gradientes de sombra CSS | Gere gradientes CSS para sombras. |
| Creática | Gere fundos e padrões únicos, bonitos e únicos. |
| Avatares chatos | Coleções SVG aleatórias e fofas de avatares |
| HTML para projetar | Converta qualquer site em designs Figma totalmente editáveis |
| combustível | coleção de ferramentas de cores e geradores SVG gratuitos para gradientes, padrões, texturas, formas e planos de fundo |
Sites que oferecem fontes gratuitas, bem como ferramentas baseadas em fontes
| Site | Descrição |
|---|---|
| Fontes do Google | Biblioteca com cerca de 1.000 famílias de fontes licenciadas gratuitamente |
| DaFont | Arquivo de fontes para download gratuito |
| Usar e modificar | Seleção pessoal de fontes bonitas, elegantes, punk, profissionais, incompletas e estranhas |
| 1001 fontes gratuitas | Acho que o nome fala por si? |
| Esquilo de fonte | Font Squirrel vasculha a Internet em busca de fontes legitimamente gratuitas e de alta qualidade |
| Tecido de fonte | Uma fundição de tipos digitais que cria fontes de varejo e tipografia personalizada para diversas marcas |
| Apenas fontes grátis | Uma coleção selecionada manualmente de fontes gratuitas, de código aberto e de domínio público destinadas ao uso comercial |
| Tiff | Uma ferramenta de comparação de tipos que contrasta visualmente as diferenças entre duas fontes |
| Prática do TypeKit | Aprenda sobre práticas de tipografia |
| Fontjoy | Gere emparelhamento de fontes com um clique |
| Proporção Áurea | Calculadora de tipografia de proporção áurea |
| FonteGet | Tem uma variedade de fontes disponíveis para download e organizadas com tags |
| FontPair | Ajuda você a emparelhar fontes do Google |
| Espaço da fonte | Um site de fontes gratuitas centrado no designer que oferece visualizações rápidas e personalizáveis |
| Fontes abstratas | Fontes gratuitas para uso pessoal e comercial |
| Tipografia Grátis | Uma lista de fontes de alta qualidade |
| Leon Sans | Uma fonte geométrica sem serifa feita com código |
| Lexend | Uma fonte variável demonstrada empiricamente que melhora significativamente a proficiência de leitura |
| Fontes para plataformas Apple | Obtenha os detalhes, estruturas e ferramentas necessárias para usar fontes do sistema para plataformas Apple em seus aplicativos |
| SFWin | Fontes de São Francisco para Windows 10 e plataformas que não sejam da Apple |
| Flipper de fonte | Visualize mais de 800 fontes do Google além de seus próprios designs, sem precisar fazer download das fontes |
| Arena de fontes | Fontes selecionadas gratuitamente |
| Antes de fontes | Fontes de alta qualidade gratuitamente |
| Fontes árabes | Fontes árabes gratuitamente |
| FonteDrop | Maneira simples e fácil de visualizar o conteúdo dos arquivos de fontes |
| Fundição Aberta | Plataforma GRATUITA para fontes de código aberto selecionadas |
| Glifo | Carregue seu próprio SVGS e transforme-os em arquivos de fontes. Útil se você quiser carregar uma biblioteca menor |
| Ajudante de fontes da Web do Google | Uma maneira descomplicada de auto-hospedar fontes do Google |
| Fonte áspera incrível | Quando RoughJS encontra Font Awesome |
| Fontes | Fontes elegantes gratuitamente |
| Fontes Malaiala | Fontes Malayalam gratuitas, mantidas pela Swathanthra Malayalam Computing (SMC) |
| Fontes de desenvolvimento | Encontre e use as fontes de codificação gratuitamente |
| Fonte M | Fonte gratuita que você pode baixar para codificação e design de materiais |
| Fontes W | Baixe fontes grátis |
| Editor moderno de tipografia fluida | A tipografia fluida é uma forma moderna de abordar a tipografia responsiva. |
| Fontes Urbanas | Uma coleção de mais de 8.000 fontes e dingbats gratuitos |
| Datilografia | Combinações de fontes inspiradoras e paletas de cores |
| Fonte da fonte | Fontes de código aberto auto-hospedadas em pacotes NPM bem agrupados. |
| FontBolt | Descubra e gere suas fontes favoritas da cultura pop. |
| Compartilhamento de fontes | Fontshare é um serviço de fontes gratuito da Indian Type Foundry (ITF), tornando fontes de qualidade acessíveis a todos. |
Sites e recursos que ajudam nas escolhas relacionadas às cores
| Site | Descrição |
|---|---|
| Colorlab | Crie paleta de cores, gradientes, escalas de cores e verifique o contraste, tudo em um só lugar. |
| Cervejeiro Colorido 2 | O gerador de paleta de cores original, também compatível com daltonismo. Provavelmente a melhor opção cientificamente. Provavelmente também não é o mais bonito. |
| Huetone | Uma ferramenta para criar sistemas de cores acessíveis. |
| Colormind.io | Gerador de paleta de cores |
| ColorCurves.app | Gerador de paleta de cores que usa curvas para gerar paletas de cores |
| CorGradiente | Uma ferramenta gratuita para criar visualmente gradientes CSS simples e complexos |
| Resfriadores | Crie a paleta perfeita ou inspire-se com milhares de lindos esquemas de cores |
| Cores da IU | Gerador de paleta de cores CSS Tailwind |
| Códigos de cores HTML | Obtenha códigos de cores HTML, códigos de cores hexadecimais, valores RGB e HSL com nosso seletor de cores, tabela de cores e nomes de cores HTML |
| Cores e fontes | Uma biblioteca com curadoria de cores, fontes e recursos |
| Lista de paletas | Escolha 2 cores de sua preferência e a ferramenta gera milhares de paletas para você. |
| Ferramenta de cores de materiais do Google | Ferramenta oficial de paleta de cores de materiais do Google |
| Paleta de materiais | Livre para escolher paletas, ícones e cores para Material Design |
| Espaço de cores | Gere belas paletas de cores a partir de uma cor |
| FlatUIColors | Lindo conjunto de paletas de cores em vários sabores |
| Adobe Color | Crie paletas de cores, extraia gradientes de imagens, etc. |
| Coresinspo | Recurso completo para encontrar tudo sobre cores |
| CoresParede | Local para armazenar suas paletas de cores e gerar paleta com um clique |
| Happyhues | Happy Hues é um site de inspiração para paletas de cores que funciona como um exemplo real de como as cores podem ser usadas em seus projetos de design por Mackenzie Child |
| Tendências da Adobe | Descubra as tendências atuais de cores em diferentes setores nas comunidades criativas do Behance e do Adobe Stock |
| Caça às cores | Uma plataforma gratuita e aberta para inspiração de cores com milhares de paletas de cores da moda escolhidas a dedo |
| Caça Gradiente | Uma plataforma gratuita e aberta para inspiração em gradientes com milhares de gradientes de cores modernos escolhidos a dedo |
| Gradientes da Web | Um site gratuito para encontrar bons gradientes CSS |
| Caixa de cores | Um site gratuito para produzir conjunto de cores |
| Gradiente CSS | Um site gratuito para fazer gradiente personalizado e alguns exemplos de gradiente |
| gradiente | Gradientes CSS e JPG puros |
| Gradientes da IU | Gerador de cores de gradientes de UI |
| Gerador de paleta | Gere uma nova paleta de cores a cada pressionamento da barra de espaço |
| Paletas de materiais | Mais de 1000 paletas de design de materiais |
| Grabiente | Seletor de gradiente |
| ShadeSwash | Gere rapidamente tons de qualquer cor |
| MarcaCores | A maior coleção de códigos de cores oficiais de marcas |
| PALETAS DE MARCA | Códigos e paletas de cores do logotipo |
| Gerador de paleta de design de materiais | Gere tema e paleta de cores semelhante ao Material Design |
| Colorir | Ferramenta de esquema de cores para designers e desenvolvedores. Isso o ajudará a se inspirar e servirá como recurso para seu trabalho de cores. |
| 0 a 255 | Uma ferramenta de cores que facilita clarear e escurecer cores. É perfeito para estados de foco, bordas, gradientes e muito mais. |
| Liquidificador de cores | Uma ferramenta que mostra as cores do ponto médio entre duas cores |
| Botões gradientes | Botões gradientes de copiar/colar prontos para usar |
| Khroma | Khroma usa IA para saber quais cores você gosta e cria paletas ilimitadas para você descobrir, pesquisar e salvar. |
| quem pode usar | Uma ferramenta que traz atenção e compreensão de como o contraste de cores pode afetar diferentes pessoas com deficiência visual. |
| Ilusório | Testador de contraste de combinação de cores |
| Seletor hexadecimal de cores | Ferramenta para obter o código hexadecimal junto com o nome da cor. |
| Saruwakakun | O impressionante esquema de cores para designs de sites e aplicativos com visualizações |
| Paleta | Paletton.com é uma ferramenta de designer de cores projetada para criar combinações de cores que funcionam bem em conjunto. |
| Colorzila | Um poderoso editor de gradiente CSS online semelhante ao Photoshop |
| Editor de gradiente CSS | Você pode precisar desta ferramenta apenas para criar planos de fundo e padrões gradientes CSS. |
| Seletor de cores de imagem | Seletor de cores de imagem e gerador de paleta |
| CombinarCORES | Ferramenta de mistura de cores |
| Amantes de cores | Ele mostrará os esquemas de cores populares no mundo exterior. |
| HTML CSS Cor | Ferramentas on-line gratuitas de cores (EUA) ou cores (Reino Unido): informações, gerador de gradiente, rodas de cores etc. |
| Códigos de cores HEX | Ele obtém códigos de cores HTML, códigos de cores hexadecimais, valores RGB e HSL com nosso seletor de cores, tabela de cores e nomes de cores HTML. |
| CoolHue 2.0 | Uma ferramenta gratuita que mostra diferentes exemplos de gradientes em formato CSS e PNG |
| Cores.lol | Paletas de cores interessantes geradas por um bot do Twitter, existem códigos hexadecimais e nomes descritivos para cada cor. |
| cores.dopely | Gerador de paleta de cores super rápido e simples, as paletas podem ser salvas e compartilhadas em segundos. |
| Seletor de UIColor | Uma coleção de cores de UI com códigos hexadecimais disponíveis para serem copiados com apenas um clique. |
| Hexágono de cor | Color-hex fornece informações sobre cores, incluindo modelos de cores (RGB, HSL, HSV e CMYK) e gera um código CSS simples para a cor selecionada. |
| FarbVelo | Um gerador de paleta de cores aleatórias |
| Cor da varanda | Navegue por paletas de cores feitas por outros designers, gere e envie as suas próprias |
| Duo | Duo é uma coleção de combinações de cores que selecionei em projetos pessoais ou que encontrei na web. |
| Lista de paletas Lospec | A Lospec Palette List é um banco de dados de paletas para pixel art. |
| Aplicativo Paleta | Crie esquemas de cores suaves que fluam de uma cor para outra. |
| Ovoradientes | Cores de fundo gradiente com ovos. |
| Gradientes | Encontre e teste gradientes facilmente. |
| Enciclopédia | Site para referência de cores da web. Conhecimento de cores, cores da Web, códigos de cores hexadecimais. |
| Croma | Ferramentas poderosas de cores, incluindo conta-gotas, seletor de cores e gerador de paleta. |
| Designer de cores | Um gerador de gradiente de uma cor. |
| Duotônico | Encontre lindas imagens duotônicas gratuitas para usar em qualquer projeto ou crie imagens duotônicas personalizadas carregando sua própria imagem e aplicando um efeito duotônico em segundos. |
| gerador de fundos legais | Explore uma seleção lindamente selecionada de fundos interessantes que você pode adicionar a blogs e sites. |
| Gerador de tons de cores | Podemos gerar rapidamente tons de cores de nossas cores favoritas ou de qualquer cor, para criar modelos ou componentes CSS com vários tons de cores e ferramentas mais úteis disponíveis no mesmo site |
| Huemint | A Huemint usa aprendizado de máquina para criar esquemas de cores exclusivos para sua marca, site ou gráfico |
| Criador da paleta InclusiveColors | Crie paletas de cores personalizadas e acessíveis no estilo Tailwind, onde você pode modificar curvas HSL em amostras inteiras, verificar o contraste WCAG/APCA e exportar para Tailwind/CSS/Figma/Adobe |
Recursos para ícones, incluindo png, svg e muito mais
| Site | Descrição |
|---|---|
| Ícones de Circunferência | Ícones de código aberto consistentes como SVG para React, Vue e Svelte |
| UXWing | Ícones gratuitos e bem otimizados para uso comercial |
| Shapedfonts Iconclub | Mais de 8.000 ícones gratuitos |
| Ícones de penas | Ícones de código aberto lindos e personalizáveis |
| Ícones de mesa | Mais de 3.500 ícones SVG de código aberto altamente personalizáveis com suporte para React, Preact, Vue, Svelte e SolidJS |
| Xicons | Componentes SVG Vue/React integrados a partir de ícones do sistema fluentui, ionicons, etc. (Vue3, Vue2, React, SVG). |
| Ícone | Biblioteca gratuita com mais de 900 ícones de código aberto |
| Ícones Simples | 1307 Ícones SVG gratuitos para marcas populares |
| Ícones Lineares | Mais de 1000 ícones vetoriais ultra nítidos |
| Ícones8 | Ícones, fotos, vetores e ferramentas gratuitos |
| Ícone plano | O maior banco de dados de ícones gratuitos nos formatos PNG, SVG, EPS, PSD e BASE 64 |
| O Projeto Substantivo | Mais de 2 milhões de ícones selecionados, criados por uma comunidade global |
| Escoteiro de ícones | Baixe gratuitamente fotos de banco de imagens de ilustrações de ícones em um só lugar |
| IconSear.ch | Mecanismo de busca com mais de 50.000 ícones SVG indexados |
| Aplicativo Núcleo | Nucleo é uma bela biblioteca de 27.500 ícones e um aplicativo poderoso para coletar, personalizar e exportar todos os seus ícones. (Gratuito e pago) |
| Icon-icons.com | Ícones gratuitos PNG, ICO, ICNS e arquivo vetorial SVG |
| Ícones de inicialização | Ícones gratuitos criados para Bootstrap, mas funcionarão em qualquer projeto |
| Ícone de remix | Sistema de ícones simplesmente delicioso |
| Iconmonstr | Descubra mais de 4496 ícones gratuitos em 313 coleções |
| Vívido.js | Pronto para usar a biblioteca JavaScript do pacote de ícones SVG gratuito e de código aberto. |
| Localizador de ícones | Ícones vetoriais gratuitos e premium em formato SVG, PNG, CSH e AI |
| Lordicon | 50 ícones interativos animados gratuitos |
| Usar animações | Ícones animados gratuitos em formato SVG e Json (para lottie) |
| css.gg | Mais de 700 ícones de UI CSS, SVG e Figma de código aberto disponíveis em SVG Sprite, componentes estilizados, NPM e API |
| IconBros | Mais de 7.843 ícones gratuitos agrupados em 182 coleções |
| Ícones de design de materiais | Uma coleção de ícones que permite que designers e desenvolvedores direcionados a diversas plataformas baixem ícones no formato, cor e tamanho necessários para qualquer projeto. |
| Heroícones | Ícones gratuitos e de código aberto dos criadores do Tailwind CSS. |
| Zondicons | Um conjunto de ícones SVG premium gratuitos para você usar em seus produtos digitais. |
| Ícones infinitos | Um site que oferece vários ícones gratuitos. Os ícones são marcados e também compactados em kits. |
| Icomoon | Procure mais de 5.500 ícones gratuitos. Adicione qualquer conjunto que você deseja navegar e pesquisar facilmente seus ícones. |
| Ícones de Eva | Eva Icons é um pacote com mais de 480 ícones de código aberto lindamente elaborados para ações e itens comuns. |
| Criptoícones | Um conjunto de 430 ícones de moeda criptográfica e fiduciária. Totalmente grátis. |
| Ikonato | Ícones vetoriais totalmente personalizáveis e acessíveis |
| ícone de aplicativo | Gere rapidamente ícones de aplicativos em diferentes tamanhos para seus projetos IOS, macOS e Android |
| Ícones de linha | Mais de 2.000 ícones de linha essenciais para designers e desenvolvedores |
| Evericons | Evericons é um grande pacote com mais de 460 ícones gratuitos criados por Aleksey Popov. |
| Repositório SVG | Baixe vetores SVG gratuitos para uso comercial. |
| Conversão | Converta arquivos PNG para SVG online e grátis. (Um dos serviços prestados por ele.) |
| ÍCONE CSS | Conjunto de ícones feito com código CSS puro, sem dependências, ícones "grab and go" |
| Ícones unificados | Milhares de ícones, uma estrutura unificada. Uma biblioteca, mais de 40.000 ícones vetoriais. |
| UIcons do sistema | Mais de 220 ícones em uma coleção crescente. |
| IconPark | Transforme um ícone SVG em vários temas e gere ícones React, ícones Vue, ícones SVG |
| Ícones de raiz | Um conjunto nítido de ícones 15×15 projetados pela equipe Modulz. Todos os ícones disponíveis como componentes de reação individuais, SVG e muito mais. |
| Ícones EOS | Uma fonte icônica de código aberto com pixels perfeitos, disponível como ligadura e SVG. |
| Iônicos | Ícones de código aberto lindamente elaborados para uso em aplicativos da Web, iOS, Android e desktop. |
| Ícones de fósforo | Phosphor é uma família de ícones flexível para interfaces, diagramas, apresentações |
| Ícones pequeninos | TeenyIcons é um conjunto de ícones em formato SVG fácil de usar em html |
| Lúcida | Lucide é uma biblioteca de ícones de código aberto, um fork do Feather Icons. |
| Ícones | Icon Explorer com pesquisa instantânea, desenvolvido pela Iconify. |
| Ícones de merda | Coleção de ícones grátis. |
| Iconspédia | Iconspedia é um site que contém uma grande coleção de ícones gratuitos de alta qualidade. |
| iconhub | Apenas ícones impressionantes e práticos para todos |
| 3DICONS | Ícones 3D de código aberto lindamente elaborados |
| ÍconesDb | Ícones personalizados gratuitos |
| Guia de emojis | A coleção de 3300 emojis com seus códigos HTML para facilitar o uso. |
| Ícones de unicórnio | Mais de 100 ícones animados divertidos e personalizáveis. Disponível em formato JSON e SVG. |
| Ícones Sargam | Uma coleção de mais de 275 ícones de código aberto disponíveis para Figma, SVGs e React. |
| Amigo ícone | Uma coleção de mais de 100 mil ícones SVG de código aberto, totalmente personalizáveis para designers e desenvolvedores. |
| Ícones redondos | A maior biblioteca de pacotes de ícones premium e gratuitos do mundo com ícones planos, ícones de linha, contorno preenchido, estilos isométricos e sólidos. |
| Vectopus | Recursos coletivos com curadoria superior para designers de elite. |
Recursos para logotipos
| Site | Descrição |
|---|---|
| LogoSear.ch | Mecanismo de busca com mais de 200.000 logotipos SVG indexados |
| SVGPorn | Mais de 1000 logotipos SVG de alta qualidade |
| Logotipos de sistemas de pagamento | Logotipos para sistemas de pagamento disponíveis em png e svg |
| Logotipos de navegador | Logotipos de navegador da web em alta resolução |
| VectorLogoZone | Logotipos SVG formatados consistentemente |
| Logotipo do vetor mundial | Baixe logotipos vetoriais de marcas que você adora |
| Criador de logotipo | Crie logotipos personalizados |
| Criador de logotipo grátis | Gerador de logotipo rápido e completo |
| LOGO vinho | Download grátis de logotipos de marcas em formato de arquivo PNG e vetorial SVG |
Recursos para favicons
| Site | Descrição |
|---|---|
| Favicon.io | Gere um favicon a partir de texto, imagem ou emoji. Baixe nos formatos .ico e .png |
| Favicomático | Gere favicons de todos os tamanhos e formatos, bem como o código HTML necessário para suportar todos os navegadores ou dispositivos possíveis |
| Gerador de favicons | Gere arquivos favicon ico para o seu site |
| Gerador RealFavicon | Gere ícones para todas as plataformas (Windows, iOS, Android) |
| FonteIcon | Gere favicons e imagens a partir de ícones Font Awesome |
| Favicon.cc | Desenhe um favicon online e navegue por uma biblioteca de favicons criados por outros usuários |
| Editor Mascarável.app | Gere ícones PWA mascaráveis com base em seu ícone existente |
| Gerador de favicons | Gere ativos de favicon do site. Suporte para SVG, mascarável e minificação de imagem. Front-end puro. Nenhum risco de privacidade. Rápido. |
Recursos para fontes de ícones
| Site | Descrição |
|---|---|
| Fonte incrível | O conjunto de ícones e kit de ferramentas mais populares da web |
| Linha incrível | Troque a substituição do Font Awesome por ícones de linha modernos |
| Ícones de materiais | Biblioteca de ícones de design de materiais |
| Ícones de íons | Ícones de código aberto lindamente elaborados pela equipe Ionic |
| Ícones da Fundação Zurb | Ícones personalizáveis da Fundação |
| Ícones do Fontisto | Fontisto, o icônico kit de ferramentas de fontes e CSS · Mais de 616 ícones gratuitos |
| Ícones de caixa | Boxicons é uma coleção gratuita de ícones de código aberto cuidadosamente elaborados |
| Icofont | Mais de 2.100 ícones gratuitos para incrementar seus designs criativos |
| Paleta de materiais | Livre para escolher paletas, ícones e cores para Material Design |
| Fonte icônica do material design | Fonte do ícone de design de material |
| Codicons Vscode | A fonte do ícone do Visual Studio Code |
| Devicon | Devicon é um conjunto de ícones que representam linguagens de programação, ferramentas de design e desenvolvimento |
| Fonte de pagamento | Uma fonte web elegante para operadores e métodos de pagamento. Apresentando 116 ícones |
| Ícones meteorológicos | Weather Icons é a única fonte de ícones com 222 ícones temáticos de clima |
| Curso 7 | 202 ícones de traços finos inspirados no iOS 7 |
| Ícones de geléia | Mais de 890 ícones feitos à mão para tornar seu aplicativo da web incrível |
| Fontello | Mais de 200 ícones da web onde você pode personalizar os nomes ou códigos dos ícones. |
| Línea | Linea: Apresentando mais de 750 ícones gratuitos |
| Unicons | Um conjunto de mais de 1100 ícones de estilo de linha gratuitos disponíveis como fonte da web, ícones SVG e como componentes para estruturas JS como React, Vue e React Native. |
| Ícones de mobilização | Um conjunto gratuito e de código aberto de 150 ícones lineares elegantes e com pixels perfeitos, disponíveis como fonte de ícone da web e ícones SVG. |
| Ícones de herói | Biblioteca gratuita de ícones Svg de código aberto |
| Ícones de reação | Uma biblioteca de ícones Svg gratuita e de código aberto, é uma coleção de suas bibliotecas de ícones favoritas, como Font Awesome e Material Icons, para fornecer uma ampla variedade de ícones SVG para você escolher. |
Sites que oferecem fotos gratuitas de todos os tipos para seus sites e aplicativos
| Site | Descrição |
|---|---|
| Pexels | Fotos gratuitas compartilhadas por criadores talentosos |
| Remover respingo | A fonte da Internet de imagens de uso gratuito |
| Pixabay | Mais de 1,7 milhão de imagens e vídeos de alta qualidade |
| Madalena | Galeria e fotos gratuitas de alta resolução todos os dias |
| Picspree | Imagens, fotos, ilustrações e vetores isentos de royalties |
| Explodido | Coleções de fotos gratuitas |
| Gratisografia | Coleção gratuita de fotos gratuitas de alta resolução |
| Vida do Pix | Fotografia gratuita de alta resolução |
| Estoque instantâneo | Centenas de fotos de alta qualidade adicionadas semanalmente |
| Arquivo Morgue | Mais de 350.000 fotos gratuitas para uso comercial |
| Fotos de Kaboom | Banco de imagens e paletas de cores. Bom para imagens de produtos |
| Novo estoque antigo | Banco de fotos vintage |
| Foto Jumbo | Boas coleções de diferentes tipos de fotos |
| Imagens de domínio público | Imagens de domínio público de todos os tipos |
| Encontre uma foto | Pesquisa vários sites de banco de imagens |
| Cofre de estoque | Banco de fotos categorizadas |
| Espaço reservado | Um serviço gratuito de espaço reservado para imagens para a web. Você pode especificar o tamanho e formato da imagem |
| Fotos realistas | Banco de fotos gratuitas em alta resolução |
| Espaço Negativo | Fotos stock gratuitas em alta resolução |
| SkitterFoto | Fotografia gratuita de alta resolução |
| Picografia | Fotos lindas, de alta resolução e gratuitas |
| Estoque Maravilha | Fotos gratuitas incrivelmente incríveis |
| PxAqui | Imagens gratuitas e fotos gratuitas - PxHere |
| Piqsels | Banco de fotos isentas de royalties |
| FoodiesAlimentação | Estoque de fotos de comida |
| Fralda | Um site que oferece lindas fotos em alta resolução de pessoas negras e pardas. |
| Fotos geradas | Fotos exclusivas de modelos geradas por IA |
| Refilmar | Fotos exclusivamente gratuitas. Imagens escolhidas a dedo e não atarracadas. |
| Imagens grátis | Encontre e baixe fotos gratuitas - todas gratuitas para uso pessoal e comercial |
| Lorem Picsum | Uma API fácil de usar para obter lindas imagens de espaço reservado. Tamanho e outros parâmetros podem ser especificados. |
| imagem científica | Uma biblioteca de imagens especializada em imagens de ciência e natureza |
| Biblioteca de imagens de rede de integração e aplicativos | Imagens gratuitas para fornecer a cientistas, gestores de recursos, agências governamentais, grupos comunitários e profissionais gráficos um recurso para melhorar a comunicação científica. |
| Saxifraga | Imagens gratuitas da natureza |
| Creative Commons | Procure imagens gratuitas para reutilizar. |
| Todo o estoque grátis | uma lista selecionada de imagens, áudio e vídeos gratuitos. |
| Lorem.space - Gerador de imagem de espaço reservado | API para imagens de espaço reservado, mas útil! |
| Openverso | Openverse é um mecanismo de busca para mídia com licença aberta |
| República ISO | Obtenha milhares de fotos gratuitas de alta resolução CC0 |
Sites que oferecem vídeos gratuitos de todos os tipos para seus sites e aplicativos
| Site | Descrição |
|---|---|
| Pexels | Maior biblioteca de vídeos gratuitos, doados pela comunidade |
| Pixabay | Grande biblioteca de vídeos gratuitos, doados por uma comunidade semelhante ao Pexels |
| Coverr.co | Lindas imagens de vídeo gratuitas |
| Videezy | Imagens gratuitas em HD e vídeos em 4K |
| Kit de mistura | Estoque de videoclipes e músicas |
| Vida de vídeos | Videoclipes e loops gratuitos |
| Vídeo | Vídeos de ações gratuitos e premium |
| Loopvidz | Gratuito para usar gráficos de cinema criados com o aplicativo VIMAGE |
| Divisão Shire | Lindos e exclusivos vídeos e fotos gratuitos |
| Vídeo de estoque grátis | Vídeos de estoque de filmagens grátis |
Sites que oferecem músicas e/ou efeitos sonoros gratuitos
| Site | Descrição |
|---|---|
| Biblioteca de áudio do YouTube Studio | Biblioteca de áudio isenta de royalties para músicas e efeitos sonoros para download. Liberado para monetização no YouTube. |
| Banco de música grátis | Estoque de músicas isentas de royalties para vídeos do YouTube, podcasts, etc. |
| Bensound | Baixe gratuitamente músicas isentas de royalties e use-as em seu projeto |
| Kit de mixagem | Música grátis para seus projetos |
| Som livre | Estoque de músicas e sons gratuitos |
| Arquivo de música grátis | Banco de dados colaborativo de sons licenciados pela Creative Commons para músicos e amantes do som |
| Musopen | Uma biblioteca online de música clássica livre de direitos autorais |
| Pixabay | Downloads gratuitos de músicas para o seu projeto, como vídeos do Youtube, músicas, vlogs, filmes, podcasts etc. |
| Sem menos | Música Premium Gratuita para Seus Projetos? Isento de royalties. Liberado para YouTube. |
Vetores, clipart, ilustrações, padrões gratuitos e muito mais
| Site | Descrição |
|---|---|
| Vecteezy | Encontre e baixe arte vetorial gratuita |
| Grátis | Vetores, fotos, PSD e ícones gratuitos |
| Vetores grátis | Comunidade de amantes de vetores que compartilham gráficos vetoriais gratuitos |
| PNGÁrvore | png, planos de fundo, modelos, efeitos de texto |
| Vetor4Free | Gráficos vetoriais gratuitos |
| Livre | Vetores, padrões, maquetes e muito mais |
| Lukaszadam | Obras de arte vetoriais gratuitas |
| Ilustrações | Lindas 100 ilustrações - png, svg |
| Clipart | Escolha ótimos clipart, png, páginas para colorir, desenhos e muito mais para seus projetos na coleção gratuita! |
| Ilustrações do Growwwkit | Um conjunto de 8 ilustrações simples, em preto e branco e elegantes |
| trianglificar.io | Gere planos de fundo, texturas e vetores de baixo polígono |
| bolha | Gere formas de blob para aplicativos Web e Flutter |
| HiClipart | Uma comunidade para designers compartilharem e baixarem cliparts PNG de fundo transparente |
| Histórias de Freepik | Uma coleção de ilustrações gratuitas e personalizáveis para projetos |
| Ilustrações pretas | Lindas ilustrações de pessoas negras (gratuitas e premium) |
| Deletar | Uma coleção de ilustrações gratuitas e muito mais |
| Divisores de formato personalizado | Ferramenta gratuita para facilitar a exportação de um lindo divisor de formato SVG para designers e desenvolvedores |
| Servier Arte Médica | 3.000 imagens médicas gratuitas para ilustrar suas publicações e apresentações em PowerPoint |
| Clker | Clip-art gratuito que você pode usar para o que quiser |
| Onda SVG | Um gradiente gratuito e personalizável? Gerador de ondas SVG para designs de UI. |
| BGjar | Gerador de plano de fundo SVG gratuito para seus sites, blogs e aplicativos. |
| Biblioteca do Patrimônio | Ilustrações vintage (vetoriais e png) |
| ROBOHASH | Gere imagens exclusivas a partir de qualquer texto |
| Tabbied | Crie e personalize padrões/artes minimamente gerados para usar em imagens de fundo, impressão e outros projetos. |
| Haikei | Um incrível aplicativo da web multiformato. |
| Vetor | Site incrível para todos os tipos de vetores marroquinos. |
| Pesado | Ativos vetoriais exclusivos em segundos. |
| Mossaik | Gerador SVG gratuito com diferentes ferramentas, ondas, blocos, blobs e muito mais. |
Crie maquetes de dispositivos e outros produtos
| Site | Descrição |
|---|---|
| Cidade simulada | Gere maquetes em massa a partir de modelos PSD, colocando imagens automaticamente em SmartObjects. O editor visual permite alterar os parâmetros do SmartObject e ver uma visualização atualizada do modelo em tempo real. |
| Modelos inteligentes | Crie maquetes de produtos impressionantes (gratuito e premium) |
| Modificador de mídia | belo serviço de maquetes de design para seus produtos (gratuito e premium) |
| Instantâneo | Crie lindas imagens de maquete de dispositivos para o design do seu aplicativo ou site |
| Estridente | Transforme instantaneamente sua captura de tela em uma maquete |
| Captura de tela.rocks | Crie lindos modelos de navegador e dispositivos móveis em segundos |
| Pico da tela | Crie uma maquete a partir de um URL |
| Mundo de maquete | A maior fonte de modelos fotorrealistas gratuitos online |
| Foto colaborativa | Capturas de tela em tempo real e compartilhamento de imagens |
| Dispositivos do Facebook | Imagens e arquivos de esboço de dispositivos populares |
| Três.io | Gere maquetes 3D diretamente no seu navegador. |
| Maquete | Maquetes 100% gratuitas para todos os dispositivos, incluindo IOS, Android, Windows Phone, laptop, desktop e TV |
| Fotos do dispositivo | Crie modelos de dispositivos de alta resolução para mídias sociais gratuitamente |
| Simulação Limpa | Crie maquetes impressionantes usando molduras de dispositivos mais recentes, como o iPhone X, e planos de fundo personalizados que destacam o design do seu celular ou site, diretamente do seu navegador, de forma rápida e gratuita. |
| Vídeo simulado | Crie maquetes instantaneamente adicionando um quadro de dispositivo aos seus vídeos. |
| MockupBro | Crie maquetes de produtos com o gerador de maquetes online! Basta escolher uma maquete, fazer upload do seu design e baixar sua imagem sem marca d'água. |
| Animockup | Crie maquetes animadas no navegador. |
| Pika | Crie instantaneamente modelos de navegador e belas imagens para marketing, postagens em blogs e muito mais |
| Loucura | Crie maquetes do zero gratuitamente |
Sites que oferecem lindos modelos de sites e temas gratuitos de todos os tipos
| Site | Descrição |
|---|---|
| HTML5Up | Temas HTML5/CSS3 responsivos muito modernos e exclusivos |
| Modelo | Mínimo, currículo, temas de galeria e muito mais |
| GrátisHTML5 | Temas HTML5 e Bootstrap gratuitos e premium |
| EstiloShout | Modelos de sites gratuitos brilhantemente elaborados |
| Iniciar inicialização | Temas iniciais do Bootstrap |
| HTML5xCSS3 | Coleção de modelos maravilhosos em diferentes categorias |
| TemaWagon | Coleção de modelos HTML5 Bootstrap de diferentes categorias |
| Colorlib | Quase qualquer categoria de tema que você possa imaginar |
| CSS grátis | Enorme coleção de modelos gratuitos |
| Hubspot | Modelos, infográficos, banners e muito mais |
| Mobilizar | Modelos HTML5/CSS3 de ótima aparência |
| Relógio de botas | Temas gratuitos para Bootstrap |
| Onepagelove | Sites, modelos e recursos de uma página |
| Temas para aplicativos | Temas e páginas de destino gratuitos do Bootstrap |
| BootstrapTaste | Modelos de Bootstrap Premium e Gratuitos |
| BootstrapMade | Modelos gratuitos elegantes, limpos e bonitos usando Bootstrap. |
| Layouts W3 | W3Layouts: mais de 3.784 modelos de sites gratuitos para 2020 |
| Placa de ferramenta | Tooplate: modelos HTML gratuitos para todos! |
| Cruip | Modelos HTML totalmente codificados para ajudá-lo a construir facilmente sua página inicial de inicialização sem complicações. |
| UIdeck | Modelos de página de destino gratuitos e temas de bootstrap |
| Splawr | Modelos da web gratuitos para dar início à sua ideia! |
| W3css_templates | Alguns modelos de site W3.CSS responsivos para você usar. |
| Download totalmente gratuito | Baixe modelos de sites gratuitos |
| modelo de mashup | Modelos gratuitos HTML5/CSS3 |
| Sneat Bootstrap 5 HTML Admin Template | Modelo de administração HTML Bootstrap 5 de código aberto e fácil de usar com design elegante e layout exclusivo. |
| HTMLrev | Lindos modelos HTML5 e páginas de destino gratuitos |
| IU do Horizonte | Modelo de administração de código aberto mais moderno para React |
| Temas Keen | Modelos gratuitos e profissionais HTML/Css3, Bootstrap5, Vue, React, Laravel |
| Parafuso Rápido | Modelo de site Astro de código aberto com componentes TailwindCSS elegantes e personalizáveis |
Estruturas CSS/UI para ajudar a criar sites e aplicativos de ótima aparência
| Site | Descrição |
|---|---|
| CSS do vento favorável | Estrutura de baixo nível que prioriza a utilidade |
| Inicialização | Estrutura de UI popular com vários componentes que usam CSS e JS |
| Materializar | Uma estrutura de front-end responsiva moderna baseada em Material Design |
| Design de materiais leve | Estrutura leve baseada em Material Design. Sem dependência de JS |
| Bulma | Estrutura CSS moderna sem JS |
| Esqueleto | Estrutura extremamente leve para elementos básicos da UI |
| CSS uniforme | Gerador de utilitários totalmente configurável e estrutura CSS construída inteiramente em Sass |
| IU semântica | Capacita designers e desenvolvedores criando um vocabulário compartilhado para UI |
| UI fomântica | Um fork comunitário do Semantic-UI |
| Fundação | Primeira estrutura móvel com marcação limpa |
| CSS puro | Um conjunto de módulos CSS pequenos e responsivos |
| UI Kit | Estrutura de front-end leve e modular |
| Susy | Motor leve de layout de grade para Sass |
| Miligrama.io | Estrutura CSS minimalista |
| Estrutura Baunilha | Estrutura CSS simples e extensível escrita em Sass |
| Espectro CSS | Estrutura CSS leve e moderna |
| Piquenique CSS | Biblioteca leve e bonita |
| Asa | Uma bela estrutura CSS projetada para minimalistas |
| Chota | Uma estrutura CSS micro (~3kb) |
| CSS do projeto | Uma biblioteca de layout leve para criar ótimas UIs móveis responsivas que funcionam em qualquer lugar |
| W3.CSS | Uma estrutura CSS moderna com suporte para design de desktop, tablet e celular por padrão. Projetado para ser independente de jQuery ou qualquer outra biblioteca JavaScript |
| 98.css | Um sistema de design para construir recriações fiéis de UIs antigas |
| CSS do NES | Estrutura CSS estilo NES |
| Cadarço.css | Biblioteca CSS leve e inovadora construída com sintaxe CSS futura |
| MVP.css | Uma folha de estilo minimalista para elementos HTML. Sem nomes de classe, sem estruturas, apenas html semântico e você terminou |
| Blaze.css | Kit de ferramentas CSS modular de código aberto, fornecendo ótima estrutura para a criação de sites rapidamente |
| Turret CSS | Turret CSS é uma estrutura de estilos para o desenvolvimento de sites responsivos. |
| Cutestrap | Uma estrutura CSS forte e independente. |
| Xp.css | XP.CSS é uma extensão de 98.css. Uma biblioteca CSS para construir interfaces que se parecem com UIs antigas. |
| Framework7 | Framework7 - é uma estrutura de código aberto gratuito e aberto para desenvolver aplicativos móveis, desktop ou da Web com a aparência nativa. |
| DINT.CSS | Uma biblioteca pura da dica de ferramentas CSS para seus sites adoráveis. |
| ImageHover.io | Biblioteca de efeitos de imagem de imagem pura CSS |
| Mini.CSS | Uma estrutura CSS mínima, responsiva e agnóstica de estilo |
| Tachyons | Crie interfaces de carga rápida, altamente legível e 100% responsiva com o mínimo de CSS possível. |
| Bootstrap de material | Design de material com bootstrap |
| Marfim | Uma estrutura CSS moderna para o desenvolvimento de poderosas interfaces da web mais rápidas e fáceis |
| Halfmoon Ui | Uma estrutura responsiva e leve, projetada para construir rapidamente belos painéis e páginas de produtos. |
| Metro 4 | Crie seu site de maneira rápida e eficaz com o Metro 4. Biblioteca de componentes impressionantes criada no HTML, CSS, JavaScript. |
| CSS doodle | Um componente da Web para desenhar padrões com CSS |
| LATEX.CSS | Faça seu site parecer um documento de látex |
| Papel CSS | Solução de impressão front-end |
| Windi CSS | Compilador de próxima geração para o Tailwind CSS |
| Cirrus CSS | Uma estrutura SCSS centrada no componente e utilidade projetada para prototipagem rápida. |
| Gutenberg | Estrutura moderna para imprimir a web corretamente. |
| aceso | A menor estrutura de incêndio responsivo do mundo (395 bytes). |
| Arwes | O ARWES é uma estrutura da web para criar interfaces de usuário com base em designs, animações e efeitos sonoros de ficção científica futuristas. |
| Bojler | A Bojler é uma estrutura de email para desenvolver modelos de e -mail responsivos e leves que renderizarão corretamente em cada um dos clientes de email mais populares. |
| Tácito | Estrutura CSS primitiva para manequins, sem aulas. |
| CSS do terminal | Uma estrutura CSS moderna e mínima para os amantes do terminal. |
| Sakura | Uma estrutura / tema CSS sem classe mínima. |
| PSone | Estrutura CSS de estilo PS1, inspirado no NES.CSS. |
| Marx | Marx é a redefinição de CSS sem classe para ser usada em qualquer projeto (ou seja, pequenos). |
| Tufte | Estilo sua página da web, como as apostilas de Edward Tufte. |
| Axentix | O Axentix é uma estrutura de código aberto baseado na grade CSS usando HTML, CSS e JS. |
| Sistema de grade simples raster | Sistema de grade CSS mínimo e direto, utilizando HTML descritivo em vez de CSS semântico. |
| Flowrift | O Flowrift é uma biblioteca feita de blocos de interface do usuário do Tailwind lindamente projetados. |
| twind | A menor, mais rápida e a maioria apresenta uma solução completa do Tailwind-In-Js na existência |
| Pico.css | Estilos elegantes para todos os nativos HTML Elements sem. Classes e Modo escuro ativado automaticamente. |
| Clay.css | Extensível e configurável Micro CSS Util Class e Sass Mixin para adicionar estilos de claymorfismo aos seus componentes. |
| Beercss | Construa interfaces de design de material em tempo recorde, sem estresse para desenvolvedores? A primeira estrutura CSS que implementa o design do material 3. |
| Unocss | O UNOCSS é o mecanismo CSS atômico instantâneo, projetado para ser flexível e extensível. O núcleo não é opinado e todos os utilitários CSS são fornecidos por meio de predefinições. |
| Netuno CSS | Netuno CSS é uma estrutura CSS leve. Use -o para desenvolver seus sites mais rapidamente. |
| Stylex | O Stylex é uma sintaxe JavaScript simples e fácil de usar para estilizar aplicativos da web. |
| Órbita | Orbit é a primeira estrutura CSS para criar interfaces radiais simples ou complexas. |
Metodologias CSS para ajudar a escrever código modular, reutilizável e escalável
| Site | Descrição |
|---|---|
| OOCSs | Os conceitos OOCSs nos ajudam a escrever componentes flexíveis, modulares e intercambiáveis. |
| CSS atômico | CSS atômico é a abordagem da arquitetura CSS que favorece pequenas classes de uso único com nomes com base na função visual. |
| BEM | O modificador de elementos de bloco é uma metodologia que ajuda a criar componentes reutilizáveis e compartilhamento de código no desenvolvimento do front-end. |
| SMACSS | O SMACSS é uma maneira de examinar seu processo de design e como uma maneira de se ajustar a essas estruturas rígidas em um processo de pensamento flexível. |
| CUBO | O Cube CSS é uma metodologia CSS, orientada para a simplicidade, pragmatismo e consistência. |
Animações CSS para criar animações incríveis para sites e aplicativos
| Site | Descrição |
|---|---|
| Animate.css | Animações CSS de água justa |
| Bounce.js | Bounce.js é uma biblioteca de ferramentas e JS que permite criar belas animações alimentadas por CSS3 |
| Anime.js | Anime.js (/ˈæn.ə.meɪ/) é uma biblioteca de animação JavaScript leve com uma API simples e poderosa. Funciona com os atributos CSS Properties, SVG, DOM e JavaScript |
| Animações mágicas | Animações tem sido uma das bibliotecas de animação mais impressionantes disponíveis |
| Zdog | Motor Pseudo-3D redondo, plano e amigável para designers para tela e SVG |
| Csshake | CSSHAKE entrega exatamente o que diz na caixa - uma biblioteca CSS projetada especificamente para agitar elementos em sua página da web |
| Hover.css | Hover.css é uma biblioteca de animação CSS projetada para uso com botões e outros elementos da interface do usuário em seu site |
| Anijs | Anijs é uma biblioteca de animação que permite adicionar animações aos elementos em uma estrutura simples de 'frase' |
| Animista | Animações CSS sob demanda |
| Tachyons-Animate | Tachyons em si é uma biblioteca atômica CSS com uma tonelada de classes de serviços públicos para essencialmente projetar qualquer coisa, adicionando classes ao que você precisa |
| Sequence.js | Sequence.js é uma biblioteca JavaScript que fornece uma estrutura CSS responsiva para criar controles deslizantes, apresentações, banners e outros aplicativos baseados em etapas exclusivos |
| Infinito | Essas animações, como rotações e pulsos, que são projetados especificamente para executar e repetir para sempre |
| Obnoxious.css | Animações para o forte coração e fraco da mente |
| Motion ui | Uma biblioteca SASS para criar transições e animações CSS flexíveis |
| Keyframes.app | Uma interface gráfica do usuário para gerar animações de chave CSS personalizadas |
| pensamento | CSS transições e transformações para iniciantes |
| Artista SVG | Uma ferramenta útil para animar o AVC e preencher propriedades em imagens SVG com código CSS simples |
| Animxyz | O Animxyz ajuda você a criar, personalizar e compor animações para o seu site. Construído para Vue, React, SCSS e CSS |
| Girar | CSS carregando animações com o mínimo esforço! |
| Hambúrgueres | Hamburgers é uma coleção de saborosos ícones de hambúrguer de CSS. Também está incluída a fonte como uma biblioteca SASS. É modular e personalizável, então cozinhe seu próprio hambúrguer. |
| Carregadores e spinners CSS | Esta é uma biblioteca com uma coleção de diferentes tipos de carregadores CSS, spinners |
| Movimento um | Uma nova biblioteca de animação, construída na API de animações da Web para o menor tamanho de arquivos e o desempenho mais rápido. |
| pocoloco | Gerar antecedentes dinâmicos para o seu site |
| Anix | Biblioteca de animação CSS super fácil e leve. |
| Aos | Animar na biblioteca de rolagem. |
| Animatopy | Snippets de animações CSS de água justa |
Bibliotecas de animações de JavaScript para criar animações incríveis para sites e aplicativos
| Site | Descrição |
|---|---|
| Greensock | Uma biblioteca JavaScript para construir animações de alto desempenho que funcionam em todos os principais navegadores |
| Velocity.js | Velocity é um mecanismo de animação leve com a mesma API que $. |
| lax.js | Plugin JavaScript de baunilha simples e leve para criar animações suaves e bonitas quando você rolar! |
| Rellax.js | Uma biblioteca de paralaxe de baunilha lisa, super leve e leve |
| três.js | Uma biblioteca 3D fácil de usar, leve, com um renderizador WebGL padrão. |
| Átropos | A Atropos é uma biblioteca JavaScript leve, gratuita e de código aberto para criar efeitos de paralaxe 3D impressionantes para o toque. |
| uau.js | Revele animações quando você rola. |
| chocolat.js | Plugin de caixa de luz grátis. |
| Animar no rolo | Anime na biblioteca de rolagem para revelar animações quando você rolar. |
| Tilt.js | Um pequeno requestanimationframe de 60+fps paralaxe paralax paralax o efeito de inclinação para jQuery. |
| RoughNotation | A notação aproximada é uma pequena biblioteca JavaScript para criar e animar anotações em uma página da web |
| TSPATICIS | Uma biblioteca leve para criar partículas, uma versão aprimorada das partículas abandonadas e obsoletas.js |
| Partículas.js | Uma biblioteca javascript leve para criar partículas |
| mo.js | O cinto de ferramentas de movimento de movimento para a web |
| Lightbox2 | Uma pequena biblioteca JS para sobrepor imagens na parte superior da página atual. |
| Liso | Carrossel totalmente responsivo |
| Barba.JS | Crie transições fluidas e suaves entre as páginas do seu site. |
| Rolagem locomotiva | Uma biblioteca de rolagem simples que fornece detecção de elementos no viewport e rolagem suave com paralaxe. |
| Carrossel da coruja | Carrossel JQuery Recosivo gratuito |
| Swiperjs | Slider moderno gratuito, de código aberto, sem jQuery. Disponível para JS de baunilha e todas as estruturas modernas como React, Vue, Angular etc. |
| Dividida | Biblioteca JS pura e grátis para carrosséis e controles deslizantes |
| Paralaxe simples | A maneira mais fácil de obter um efeito de paralaxe com JavaScript |
| Kute.JS | Kute.js é um mecanismo de animação JavaScript para navegadores modernos. |
| Granim.JS | Crie animações de gradiente fluido e interativo com esta pequena biblioteca JavaScript. |
| POPMOTION | Bibliotecas de animação simples para interfaces de usuário deliciosas. |
| Vivus | Vivus é uma classe JavaScript leve (sem dependências) que permite animar os SVGs, dando -lhes a aparência de serem desenhados. |
| Typed.js | Uma biblioteca de animação de digitação JavaScript. |
| Progress Bar.js | Barras de progresso responsivas e lisadas com caminhos SVG animados. |
| Meia -noite.js | Meia -noite.js permite trocar de cabeçalhos fixos em tempo real |
| Tingle.js | Tingle é um plug -in modal simples escrito em javascript puro |
| Teatre.js | Theatre.js é uma biblioteca de animação JavaScript com uma GUI. Anima o DOM, o WebGL e qualquer outra variável JavaScript. |
| splidejs | Splide é um controle deslizante/carrossel leve, flexível e acessível escrito no TypeScript. Sem dependências, sem erros de farol. |
| ondas agradáveis | Belas ondas animadas |
| Vanta.js | Antecedentes do site animado em algumas linhas de código. |
| Splitting.js | A divisão cria elementos e adiciona variáveis CSS para desbloquear possibilidades incríveis para animar texto, grades e muito mais! |
Bibliotecas que ajudam os desenvolvedores a visualizar dados em gráficos
