Meaningful metrics

Controlfrog helps you focus on your key metrics by taking them and displaying them in a meaningful, easily digestible way. Equally at home on your phone, tablet, laptop, desktop, TV or huge projector, Controlfrog brings clarity to your data.

Coming Soon I'm in the process of overhauling the theme! The next major update will be written in Vue,js, with updated and new modules. Available late October 2017.


  • Fully responsive - all modules work in all layouts at all sizes. There are no predefined fixed width layouts, Controlfrog simply fills as much space as it can.
  • 11 modules - and more on the way, Controlfrog provides plenty of options for displaying your data. Each module is thoroughly tested in each layout, and there are the test pages for you to see, check out the documentation for a complete list.
  • 4 Layouts - Choose from one of four layouts which have been crafted to give your data meaning.
  • 2 styles - Don't like the black theme, no problem go with the white instead!
  • Optional navigation - Whether you want to use this as a one page site, have multiple Controlfrog pages, or integrate with existing pages, you can! If needed Controlfrog provides a minimal, non obtrusive sidebar/off canvas navigation.
  • Extensive documentation - Every module explained, from the HTML used to create it as well as any JavaScript used. View the documentation.

11 Interchangeable Modules

Time and date:

Displays the current time and date in either 12hr or 24hr format.

Time and date

Single value metric and change:

Displays a single metric and a value of change, either up or down.

Single value metric and change

Single value metric, change and sparkline:

Displays a single metric, a value of change and a sparkline.

Single value metric, change and sparkline

Single value pie chart / donut:

Displays a single value pie or donut chart.

Single value pie chart / donut


Display a gauge with a needle pointing at a specified number between two bounds.


Line chart:

Displays a line chart.

Line chart

Pie chart:

Displays a pie chart with legend.

Pie chart


Displays items in a carousel. This implementation shows a how a Twitter feed might appear.


Funnel chart:

Displays a funnel of n steps with corresponding value and label.

Funnel chart

R.A.G Bars:

Displays a chart with three bars, Red, Amber and Green along with a corresponding value and label.

R.A.G Bars

Yes / No:

Displays either a big 'Yes' or a big 'No'.

Yes / No

If you have any feedback or suggestions on where to go next, please share them with me by emailing


Also from LeapfrogUI


  • Shopfrog

    Modern E-commerce. Shopfrog brings ecommerce bang up to date for the modern web. It puts the most important thing first: the product.

  • Colorfrog

    Colorfrog is a versatile, responsive theme fit for all purposes - business, portfolio, blog or any other thing you can imagine. With four styles and a templates for almost everything—you need look no further.

  • Onefrog

    Onefrog helps you tell a meaningful story about yourself, your company or app in a clean, modern, captivating one page website.


  • Browserfrog

    Browserfrog is a completely CSS/HTML browser window frame. Put away your generic iMac, MacBook Pro and MacBook Air frames. Take the spotlight back and point it firmly at your screenshot/appshot.


Version 1.5.0

  • Updated to Bootstrap v4.0.0-beta

Version 1.4.0

  • Updated to Bootstrap 3.3.1

Version 1.3.0

  • Updated to Bootstrap 3.2
  • Fixed rendering issue when using Funnel chart with custom colours.

Version 1.2.2

  • Fixed rendering issue with RAG labels when using custom colours.

Version 1.2.1

  • Fixed rendering issue in Safari 5.1

Version 1.2.0

  • NEW R.A.G Chart Module update as a custom plugin for Controlfrog. Easily create and update R.A.G charts via JavaScript. Create charts with or without bars, create charts with less than, or more than 3 items, use custom colours. Read the full documentation.

  • NEW Funnel Chart Module updated as a custom plugin for ControlFrog. Easily create and update funnel charts via JavaScript. Create charts with bars on the left or right, with or without bar and metric opacity, create charts with more or less than 5 items, use a custom colour or colours. Read the full documentation.

Version 1.1.0

  • NEW Navigation added, minimal sidebar and off canvas implementation.

Version 1.0.0

  • Initial release

More by BenGoodyear

Sign in or sign up to make a purchase


Licenses: Details »

Multiple applications  $200
  • HTML Template
Bootstrap: Compatible with 4.x
  • Responsive
  • Fluid
  • IE 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Tags: board, canvas, charts, dashboard, data, display, responsive, svg
Released:3 years ago
Updated:2 months ago
Sold exclusively on WrapBootstrap


Signed up 4 years ago

Need a front-end theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: