# dpw expo #40 - ApexCharts.js, Sal.js, Moveable, Cropper.js, FilePound

> Explore ApexCharts, Sal.js, Moveable, Cropper.js e FilePond no dpw expo. Gráficos modernos, scroll animations e upload/crop de imagens profissional. Teste!

URL: https://dpw.dev/indicacoes/dpw-expo-40-apexcharts-js-sal-js-moveable-cropper-js-filepound/  
Publicado em: 2019-11-20  
Categoria: indicacoes  
Tags: analise, dpw-expo, ferramentas, interface, usabilidade  
Autor: Tárcio Zemel

[Vídeo no YouTube](https://www.youtube.com/watch?v=zoRpApVNhEI)

## ApexCharts.js

[ApexCharts.js](https://apexcharts.com/) é uma biblioteca open source para se trabalhar com gráficos interativos modernos.

Seu uso é facilitado e sua gama de possibilidades satisfatória, permitindo trabalhar com gráficos de linha, área, coluna, barra, torta, radar e muitos mais.

## Sal.js

[Sal.js](https://mciastek.github.io/sal/) é uma lib JS para animações de scroll com foco em performance.

Facinha de se usar (permitindo, inclusive, controle através de atributos `data-*`), conta com efeitos de scroll como fade, slide, zoo e flip, além de opções diversas para customização.

## Moveable

[Moveable](https://daybrush.com/moveable/) permite adicionar interatividade a elementos, fazendo-os ser afetados por efeitos comuns em programas de edição de imagem, tais como arrastar, redimensionar, escalar, rotacionar, agrupar e mais.

De uso descomplicado e suportado pela maioria dos navegadores de qualidade, oferece suporte a elementos SVG (`svg`, `path`, `line`, `ellipse`, `g`, `rect` etc.) e 3D Transform.

## Cropper.js

Das soluções JavaScript para crop de imagens, [Cropper.js](https://fengyuanchen.github.io/cropperjs/) se mostra uma das alternativas mais viáveis e de mais qualidade que se pode encontrar atualmente.

Suporta 39 opções, 27 métodos, 6 eventos e conta com todas as possibilidades que se espera para libs do gênero, como zoom, rotação, redimensionamento, escala e muito mais.

## FilePound

[FilePound](https://pqina.nl/filepond/) é uma biblioteca JS para upload de arquivos de uma das maneiras mais bonitas e de mais usabilidade que você já viu!

Além de ser responsivo, tem suporte a múltiplos formatos de arquivo, assincronicidade, imposição de limites (quantidade, peso etc.), upload múltiplo, otimização de imagem e mais.

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml