+20 bibliotecas web para sites modernos
Uma lista bem interessantes de bibliotecas JS e CSS para sites mais modernos
1 - Floating-UI
floating-ui.com é uma biblioteca moderna para posicionar elementos flutuantes na sua página
2 - Tagify
yaireo.github.io/tagify te ajuda a colocar tags em inputs
3 - Autosize
jacklmoore.com/autosize faz os inputs textarea ter um tamanho automático
4 - Bs-Stepper
https://johann-s.github.io/bs-stepper/ é uma forma de fazer os “wizards” ou mostrar páginas com várias etapas
5 - Clipboardjs
clipboardjs.com permite copiar valores ou inputs para o clipboard
6 - Datatables.net
datatables.net transforma as tables em datatable, ou seja, com ordenação, filtro e pesquisas, além de colocar paginação entre outras coisas.
7 - Sortablejs
sortablejs.github.io/Sortable transforma listas em listas arrastáveis
8 - Dropzone
dropzone.dev incrível componente para facilitar o upload de arquivos
9 - Flatpickr.js
flatpickr.js.org/examples é uma alternativa para data picker com diversos recursos
10 - Hammerjs
hammerjs.github.io biblioteca para melhorar os gestos em mobile
11 - NoUISlider
https://refreshless.com/nouislider/ slider com diversas customizações
12 - Plyr.io
https://plyr.io/ um player com uma UI bem bonita
13 - Sweetalert2
sweetalert2.github.io Alertas animados com um visual interessante
14 - SwiperJS
swiperjs.com para melhor navegação em slides
15 - bootstrap-select
developer.snapappointments.com/bootstrap-se.. para select mais flexíveis
16 - select2
select2.org também para select mais flexíveis
17 - PDFMake
pdfmake.org/# gerador de PDF
18 - Animate.css
https://animate.style/ facilita criar animações nos elementos
19 - Animate on Scroll (AOS)
https://michalsnik.github.io/aos/ como o próprio nome já diz…
20 - Buttons Waves
https://fians.github.io/Waves/#examples permite criar efeito de waves (do material design) em botões
21 - Spin Kit
https://tobiasahlin.com/spinkit/ permite adicionar barra de progresso animadas e bonitas
👉 Conhece alguma biblioteca que pode tornar nossas aplicações web mais modernas? Deixe nos comentários abaixo.
Valeu!