# UIkit: framework front-end modular responsivo

> UIkit: framework front-end modular e responsivo profissional. Alternativa leve ao Bootstrap com componentes elegantes para desenvolvimento ágil. Use!

URL: https://dpw.dev/css/uikit-framework-front-end-modular-responsivo/  
Publicado em: 2013-08-26  
Categoria: css  
Tags: analise, ferramentas, layout, planejamento, web-design-responsivo  
Autor: Tárcio Zemel

Atualmente, os desenvolvedores web não podemos negar que a oferta de **frameworks de front-end** está muito boa! Em relação à quantidade, ninguém pode negar; em relação à qualidade, paulatinamente excelentes frameworks para frontend vêm surgindo. Certamente, é o caso do **UIkit**.

[UIkit](http://www.getuikit.com/) é um **framework responsivo modular de front-end** projetado para ser leve e simples de se usar. Usando o poder do pré-processamento CSS com [LESS](http://lesscss.org/) e de sua capacidade de trabalhar em componentes (ou módulos), isso aliado ao fato de usar os excelentes e já consagrados [jQuery](http://jquery.com), [Normalize.css](http://necolas.github.io/normalize.css/) e [FontAwesome](http://fortawesome.github.io/Font-Awesome/), o UIkit torna o desenvolvimento de frontend muito mais simples e divertido!

Além da já citada característica modular do UIkit e o fato de ser facilmente customizável, dentre seus principais módulos/unidades de UI é possível destacar:

- Grid responsivo
- Opções de navegação (incluindo off-canvas)
- Aba
- Botão
- Icon font
- Badge
- Alert
- Barra de progresso
- Overlay (lightbox)
- Dropdown
- Janela modal
- Tooltip
- Smooth scroll

![UIkiti, front-end framework: logo](/images/blog/uikit-framework-front-end-modular-responsivo/ui-kit-logo-frontend-framework.webp)

Mas não são somente estes. Na verdade, na data da publicação deste artigo existem mais de **30 componentes de user interface** à disposição! Então, vale a pena dar um pulinho no [site do UIkit](http://www.getuikit.com/) e conhecer melhor este excelente framework front-end.

Se preferir uma apresentação mais detalhada, assista a um screencast feito especialmente para mostrar as principais características e componentes do UIkit:

<iframe width="960" height="720" src="//www.youtube.com/embed/CMYwFFkbdfQ" frameborder="0" allowfullscreen></iframe>

---

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
