Conheça 4 alternativas ao Bootstrap
Primeiramente você sabe o que é Bootstrap? Se sua resposta for não, vou resumir de forma rápida e simples:
“Bootstrap é uma famosa biblioteca CSS que revolucionou as páginas da web em meados de 2011 com sua facilidade de desenvolver páginas responsivas sem ter que criar milhares de linhas de CSS e infinitos media queries. Antes disso muitos desenvolvedores criavam até dois sites diferentes, um para versão desktop e outro para a versão mobile. Se você procurar bem ainda consegue encontrar alguns desses sites perdidos online, normalmente com o domínio https://m.site.com.br/ (Nem todos estão desatualizados).”
Bom, agora que você já sabe o que é Bootstrap vamos ao que realmente interessa, né? 😀 Logo abaixo eu trago 4 alternativas para você que está enjoado do Bootstrap, das mesmas classes, mesmos estilos e quer se aventurar em algo novo e sair um pouco da zona de conforto!
1. MaterializeCSS
MaterializeCSS é um framework responsivo baseado no material design que surgiu de um projeto da Google. Com esse framework você é capaz de criar seus projetos rapidamente, pois ele disponibiliza uma série de classes e funções JavaScripts já predefinidas. Outro lado bacana desse framework é sua instalação que pode ser realizada de forma tranquila usando um gerenciador de pacotes como o NPM ou Yarn ou simplesmente importar os arquivos na sua página pai do projeto. Você pode saber mais a respeito do Material Design através do video abaixo:
2. Bulma
Bulma é um framework CSS moderno, bonito, totalmente open source, baseada em display flex que muitos desenvolvedores preferem utilizar ao invés do Bootstrap. Possuí um sistema de grid e colunas altamente poderoso, com esse framework você é capaz de desenvolver um sistema completo, complexo sem depender de quase nenhuma dependência externa. Sua instalação pode ser realizada igual o MaterializeCSS através de gerenciadores de pacotes ou simplesmente importar os arquivos na página pai do projeto. Você pode saber mais a respeito do Bulma através do video abaixo:
3. Tailwind CSS
Tailwind CSS é um framework CSS super leve ou como o próprio se define na documentação, “de baixo nível” novidade no mercado. Com sua versão recém na 1.2, foi criado para ser mais um facilitador, onde o mesmo possuí classes bem definidas sem aquele monte de propriedades de estilos que normalmente encontramos em outros frameworks ou bibliotecas, por exemplo: Se uma classe “.btn-center” é para alinhar ao centro da tela um botão, ele irá fazer apenas isso, não irá acrescentar absolutamente mais nada de diferente do que foi proposto. A instalação pode ser realizada usando um gerenciador de pacotes como o NPM ou Yarn.
4. Pure
Pure é uma pequena biblioteca CSS desenvolvida pela equipe da Yahoo!/YUI como no próprio site da documentação diz, ela é ridícula de leve, possuí apenas 3,8kb*.
Agora você deve estar se perguntando, se ela é tão pequena assim, não deve possuir quase nada de estilos, né? A resposta é não, com esse pacote ela trás diversos estilos conhecidos em outras bibliotecas ou frameworks como por exemplo: grids, forms, menus, tables, buttons. Sua instalação pode ser realizada importando os arquivos na página pai do projeto.