DEV Community

loading...
Cover image for 5 Frameworks de CSS Para Minimalistas

5 Frameworks de CSS Para Minimalistas

Anderson. J
Estudiante de ingeniería Back End Developer 👽
・2 min read

Existen muchas opciones para aumentar la productividad en cuanto al desarrollo front end. Una de ellas es utilizar un framework para CSS. Existen muchas opciones populares, como Bootstrap, Materialize y ahora Tailwind, pero hoy te mostraré 5 opciones un poco más minimalistas.

Base CSS

Base CSS

Base CSS está construido sobre Normalize.css. Este framework está muy modularizado, así que puedes incluir solo lo que necesitas y así asegurar el performance de tu app.

Contiene soporte para:

  • Tipografía
  • Encabezados
  • Tablas
  • Formularios
  • Containers
  • Columnas
  • Espaciadores

Conoce más sobre Base CSS en su sitio web.

Pure CSS

Pure CSS

Pure es ridiculamente pequeño (son sus palabras, no las mías) También está construido sobre Normalize.css y tiene muy en cuenta los móviles y el performance. Todo el framework está contenido en tan solo 3.7KB y te permite incluir sólo los módulos que necesitas para tu app. Además, es muy sencillo personalizar su apariencia, por lo que no tendrás problemas en sobreescribir reglas y estilos.

Alugnos de los modulos que incluye Pure son:

  • Base (Es una capa para asegurar consistencia de estilos entre navegadores)
  • Columnas
  • Formularios
  • Botones
  • Tablas
  • Menus

Mira la documentación de Pure CSS en su sitio web oficial.

Skeleton

Skeleton

Skeleton es la solución que buscas si necesitas algo más minimalista que las opciones anteriores. Skeleton sólo estiliza los elementos estándares de HTML e incluye un sistema de columnas. Este framework está pensado para que lo uses como punto de partida, lo único que contiene este framework es lo único que necesitas para empezar a estilizar una web app.

Sitio web de Skeleton

Miligram

Miligram

Miligram es otro framework para ser usado como punto de partida, solo pesa 2KB. Los desarrolladores se enfocaron en el performance y en aumentar la productividad de sus usuarios.

A pesar de ser tan pequeño, contiene soporte para una gran variedad de componentes:

  • Tipografía
  • Botones
  • Listas
  • Formularios
  • Tablas
  • Columnas
  • Código

Sitio web y documentación de Miligram

Mini CSS

Mini

Mini se encuentra en la mitad de los frameworks poderosos como Bootstrap y los frameworks minimalistas como Pure. Si quieres algo minimalista con soporte responsive pero aún así que tenga estilos para componentes modernos, este framework es justo para ti. Tienes la posibilidad de personalizarlo con los colores, tamaños y fuentes que más se adapten a tu app, incluso tienen una herramienta para que construyas tu propio tema de Mini

Entre la gran variedad de componentes, Mini incluye soporte para:

  • Tipografía
  • Imágenes
  • Código
  • Columnas
  • Cards
  • Formularios
  • Botones
  • Navegación
  • Tablas
  • Tooltips
  • Modal
  • Acordiones
  • Barras de Progreso Y más.

Más información sobre Mini

Si te gustó este post, agradecería mucho que lo compartieras. Hasta la próxima!

Discussion (0)