# dpw expo #35 - react-spinners-css, SimpleBar, CopyPalette

> Explore React Spinners CSS, SimpleBar e CopyPalette no dpw expo. Loaders React elegantes, scrollbar customizada minimalista e paletas de cores. Teste!

URL: https://dpw.dev/indicacoes/dpw-expo-35-react-spinners-css-simplebar-copypalette/  
Publicado em: 2019-10-02  
Categoria: indicacoes  
Tags: analise, dpw-expo, ferramentas, interface, react  
Autor: Tárcio Zemel

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

## react-spinners-css

Se o problema é encontrar e usar spinners (ou loaders) para React, [react-spinners-css](https://bit.dev/joshk/react-spinners-css) traz a solução.

Faz parte do projeto Bit (uma espécie de GitHub para componentes React) e oferece uma imensidão de spinners para serem usados com facilidade.

Através de seu editor online, você consegue customizar seu spinner e ver o resultado no ato, facilitando ainda mais o uso desses componentes spinner para React.

## SimpleBar

[SimpeBar](https://grsmto.github.io/simplebar/) faz de barras de rolagem personalizadas simples, leves e fácil de usar (cross-browser).

Basta instalar através das várias maneiras permitidas (incluindo componentes próprios para React e Vue) e começar a usar suas scrollbars personalizadas (customizáveis).

## CopyPalette

Com [CopyPalette](https://copypalette.netlify.com/) você consegue criar facilmente paletas de cores para serem usadas em Sketch e/ou Figma.

A partir de opções de personalização da paleta de cores, você simplesmente aperta um botão e um SVG é copiado para a área de transferência, permitindo, a partir daí, colar em algum dos programas e começar a usar de maneira imediata.

---

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