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.

Feautres


  • 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

Gauge:

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

Gauge

Line chart:

Displays a line chart.

Line chart

Pie chart:

Displays a pie chart with legend.

Pie chart

RSS:

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

RSS

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

Road Map


Development is set to continue with this theme, here are a few things on the todo list:

  • Media object (such as YouTube, Flickr, Vimeo, Instagram....)
  • Update function
  • Realtime charts

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


Credits


Also from LeapfrogUI


Themes:

  • 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.

Components:

  • 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.

Changelog


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

$30
353Purchases

Licenses: Details »

Single application $30
Version:1.4.0
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
  • Fluid
Browsers:
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Categories:
Tags: board, canvas, charts, dashboard, data, display, responsive, svg
Item#:WB025R2B9
Released:3 years ago
Updated:2 years ago
Sold exclusively on WrapBootstrap
BenGoodyear

BenGoodyear

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: