hex-grid.js - A JavaScript library for working with hexagonal grids.

  •        801

A JavaScript library for working with hexagonal grids. With inspiration from http://www.redblobgames.com/grids/hexagons.




Related Projects

Quantum Game Library for PHP

  •    Javascript

The Quantum Game Library (QGL) for PHP aims to centralise common game elements in a component library. Includes Map Computations for Grid/Hex maps, pluggable map generator, Artificial Intelligence algorithms, plugin system and more. Or it will :).

Hex-Grid Utilities for Board Game Developers


A tool kit of utilities for development of board- and strategy-games on a hexagonal grid, including custom coordinates. path-finding and elevated line-of-sight


  •    C++

Tbssg is a turnbased hex map strategy game. It is modeled after Rome Total War, Masters of Orion, and Steel Panthers. The game plays like RTW in the respect there is a campaign map and battles, but the battles are played out on a hex grid like Steel Pant

h3 - Hexagonal hierarchical geospatial indexing system

  •    C

H3 is a geospatial indexing system using a hexagonal grid that can be (approximately) subdivided into finer and finer hexagonal grids, combining the benefits of a hexagonal grid with S2's hierarchical subdivisions. Documentation is available at https://uber.github.io/h3/. Developer documentation in Markdown format is available under the dev-docs directory.

grid_map - Universal grid map library for mobile robotic mapping

  •    C++

This is a C++ library with ROS interface to manage two-dimensional grid maps with multiple data layers. It is designed for mobile robotic mapping to store data such as elevation, variance, color, friction coefficient, foothold quality, surface normal, traversability etc. It is used in the Robot-Centric Elevation Mapping package designed for rough terrain navigation. The grid map package has been tested with ROS Indigo, Jade (under Ubuntu 14.04) and Kinetic (under Ubuntu 16.04). This is research code, expect that it changes often and any fitness for a particular purpose is disclaimed.

The Hexmap Library for Hexagonal Grids

  •    C

The hexmap library is a library for handling hexagonal grids. It is intended to make available to developers a solid object-oriented foundation for handling the interactions of objects on the grid. It has both Gtk+ and SDL backends.

Simple-Grid - A basic responsive grid for winners

  •    HTML

Simple Grid is a basic lightweight grid, not a CSS framework. There are no styles for buttons, tables, typography etc. etc. Simple Grid comes with two different types of grids. There is a grid for content, which looks like <div class="col-1-3"></div> and a grid for layouts, which looks like <div class="col-4-12"></div>. Simple Grid is also built for responsive layouts. With fluid columns, the grid will resize to adjust to the browser resolution. To accommodate for mobile and tablet devices, the grid will essentially stack all columns, one above another, when viewed on smaller screens. To see the grid in action jump on over to the Simple Grid example page.

css-gridish - Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension

  •    CSS

This tool is not a grid system with a grid already designed for you. Instead, CSS Gridish builds all of the resources for the grid your team designed. We hope it helps teams adapt CSS Grid sooner and enables more complex layouts. To show how versatile the tool is, we have examples of grids from Bootstrap, Carbon Design System, and Material Design.

Singularity - Grids without limits

  •    CSS

Singularity is a next generation grid framework built from the ground up to be responsive. What makes Singularity different? Well, a lot of things. Singularity is based on internal ratios instead of context based which allows for better gutter consistency across breakpoints. Ratio based math also allows for non-uniform grids in any unit you want to use. Layout on the web has changed significantly since Scott's first push back on March 7, 2012. First came Flexbox, then CSS Grid. CSS Grid provides layout functionality that covers all of Singularity's usecases and then quite a few more that we were never really able to support.

pills - A simple responsive CSS Grid for humans. View Demo -

  •    CSS

First - The ones who just memorize the cryptic codes like col-md-6 or whatever from their favourite CSS Framework like Bootstrap or Foundation. And not long before, I too was in this category using Bootstrap's grid all the time. Second - The ones who simplify the grids into simple partitions of the page. Like half of the page or one-third or something like that and process ahead with that. One of the best grid frameworks that is present for this category is Gridism which actually inspired me to create Pills in the first place.

dDatatable - A simple, modern and interactive datatable library for the web

  •    Javascript

Frappe DataTable is a simple, modern and interactive datatable library for displaying tabular data. Originally built for ERPNext, it can be used to render large amount of rows without sacrificing performance and has the basic data grid features like inline editing and keyboard navigation. It does not require jQuery, like most data grids out there. Note: sortablejs is required to be installed as well.


  •    Python

Gameplay is similar to Bejewelled(tm), but using a hex rather than a square grid for more scoring options. Unique multi-swap moves. Theme-able (with 6 bundled themes). New themes are easy to create and share. Complete manual. Requires Python and Pygame.

The Javascript Grid Editor for CRM

  •    Javascript

The Javascript Grid Editor is a 100% Javascript program that extends the functionality of CRM Grids by providing a way to edit records and add records, in place, by providing input elements in the cells of a CRM Grid.

csswizardry-grids - Simple, fluid, nestable, flexible, Sass-based, responsive grid system.

  •    CSS

Simple, fluid, nestable, flexible, Sass-based, responsive grid system. Please see Responsive grid systems; a solution? for a comprehensive overview of the principles of the grid system.

ungrid - ungrid - the simplest responsive css grid

  •    CSS

ungrid is a tiny, responsive, table-based CSS grid system. The entire ungrid.css file is 97 bytes minified. To use, simply put as many .cols as you wish in your .rows and the .cols will automatically be evenly spaced. This allows you to roll your own simple grids. See it in action.

bootstrap-grid-only - Bootstrap's grid and responsive utility classes only, without any extras

  •    CSS

Bootstrap's responsive grid and responsive utility classes only, without any extras. Lightweight yet still powerful. Style to taste. Include one of the precompiled grids (grid12.css, grid24.css, grid30.css, grid100.css) in your site, or customize and compile grid.css.less with command line lessc or LessPHP (no extends are used).

HexViewer - Hex viewer and editor for SublimeText http://facelessuser.github.io/HexViewer/

  •    Python

HexViewer is a plugin for Sublime Text that allows the toggling of a file into a hex viewing mode. HexViewer also supports limited hex editing. Hex Viewer is released under the MIT license.

zen-grids - A Compass plugin for Zen Grids, a fluid responsive grid system

  •    Ruby

A Compass plugin for Zen Grids, a fluid responsive grid system


  •    Java

Open Grid Manager (OGM) is a lightweight open source grid management framework that provides a cohesive solution for monitoring and managing arrays of heterogeneous grid resources deployed within live production grids.

jeet - The most advanced, yet intuitive, grid system available for Sass or Stylus

  •    CSS

Jeet is a simple fractional grid system for Sass and Stylus. Learn the API in minutes and begin tossing together grids.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.