# dpw expo #17 - micron.js, Tailwind CSS, Tornis

> Explore Micron.js, Tailwind CSS e Tornis no dpw expo. Micro-interações elegantes, utility-first CSS e detecção de eventos do navegador. Teste!

URL: https://dpw.dev/indicacoes/dpw-expo-17-micron-js-tailwind-css-tornis/  
Publicado em: 2019-05-29  
Categoria: indicacoes  
Tags: analise, dpw-expo, ferramentas  
Autor: Tárcio Zemel

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

## micron.js

[micron.js](https://webkul.github.io/micron/) é uma lib de microinteração feita para prover animação CSS (com a possibilidade de ser controlada por JavaScript).

É possível usar data- atributos HTML para controlar as animações: qual acontece, duração e easing.

Vale a pena conferir!

## Tailwind CSS

[Tailwind CSS](https://tailwindcss.com/) é um framework CSS (tecnicamente, um plugin postCSS) já conhecido pela comunidade front end. Seu mote é oferecer centenas de classes para serem usadas para alcançar resultados visuais muito rapidamente.

Possui componentes como alertas, botões, cards, formulários, grid e mais.

É mais aconselhado para protótipos.

## Tornis

[Tornis](https://tornis.robbowen.digital/) é uma biblioteca JS minimalista para observar estados relacionados a mouse, viewport e scroll.

Em tempo real, obtem-se informações como posição do mouse, velocidade, tamanho de viewport, velocidade de scroll etc. para, a partir daí, tomar decisões condizentes aos objetivos do projeto.

É bem interessante. Confira!

---

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