15 tablas de precios

En este artículo encontrarás 15 tablas de precios (pricing tables) en HTML y CSS 3 listas para su rápida implementación.

Lo bueno de estas tablas de precios es que incluyen tutoriales (en inglés) que podrás utilizar para crear tus propias tablas de precios.

A continuación os dejo las 15 tablas de precios:

Planes & Tabla de precios

Una simple tabla de precios para mostrar tus planes a los posibles clientes. Incluye la típica columna con el plan “destacado”.

Demo | Descargar

Tutorial tabla de precios en CSS3

En este tutorial, aprenderás como usar algunas nuevas propiedades de CSS3 para crear elegantes tablas de precios.

Demo | Descargar

Tabla de precio en HTML & CSS3

Una simple tabla de precios. Cada plan tiene su título, precio, lista de características y un botón morado para acceder al plan.

Demo | Descargar

Tutorial tabla de precios CSS3 UI

En este tutorial vamos a crear una sorprendente tabla estilo UI utilizando CSS3.
Tiene un bonito efecto al pasar por encima de la columna creado con transiciones de CSS3.

Demo | Descargar

Tutorial para crear tabla de precios responsive

En este tutorial crearemos una tabla de precios responsive con algunos efectos al pasar el ratón por encima de las columnas.
Usaremos el script “Lea Verou’s Prefixfree” para mantener nuestro CSS limpio.

Demo | Descargar

Tabla de precios en CSS3

Cuando diseñamos una tabla de precio para un producto o servicio, el trabajo como diseñador/desarrollador web es asegurarse de que la tabla de precio es sencilla, intuitiva y limpia.
Esto ayudará a tus usuarios a elegir el plan correcto.

Demo | Descargar

Como crear una simple tabla SaaS con HTML/CSS3