¿Estás buscando incluir un ranking en alguna web (o app híbrida como Ionic)? ¿Necesitas hacerlo para ayer? Recientemente he necesitado crear un Top o Ranking (leaderboard en inglespara una web de un proyecto personal. Como iba corto de tiempo me puse a buscar algunos templates (plantillas) HTML y CSS de rankings gratuitos que pudiera usar para no partir de cero.

A continuación tienes un listado con los que creo que fueron los mejores templates gratuitos de rankings que encontre

1. Camper Leaderboard

camper leaderboard

Enlace al código y demo: Camper Leaderboard

2. Leaderboard by DailyUI

Ranking leaderboard html javascript

Enlace al código y demo: Leaderboard by DailyUI

3. Leaderboard by Margaret H

Enlace al código y demo: Leaderboard by Margaret H

4. Leaderboard by Zoite

top users html template

Enlace al código y demo: Leaderboard by Zoite

5. Leaderboard grassrootsPB

ranking template html

Enlace al código y demo: Leaderboard grassrootsPB

Usando de base cualquiera de estas plantillas conseguirás tener un ranking de diseño atractivo en apenas unos minutos. Si ninguno de estos templates de rankings se adapta a tu diseño, siempre puedes obtener ideas e inspiración en redes como Pinterest. Aunque el código html, javascript y css tendrás que escribirlo desde cero y te llevará algo más de tiempo.

Si tienes o conoces algún template de rankings que quieras compartir o creas que se pudiera agregar a esta lista no dudes en comentar! ^^

Espero que alguno de estos leaderboard te haya podido servir.

Un saludo!  😀

 

Comparte el post