Hexa Grid
A lightweight, dependency-free CSS grid and layout toolkit built for people who want control without a framework.
01Overview
Hexa Grid is a layout system I designed and shipped as a product. It solves the recurring problem of grid systems that are either too opinionated or too heavy, this one is small, predictable and easy to adopt.
02The Challenge
Most grid systems force a column philosophy on you. Hexa Grid started from the opposite question: what's the smallest useful set of layout primitives a team needs to build a consistent interface?
03What I Built
- A tiny, typed API covering the layout patterns that appear in most projects.
- Generated CSS with no runtime, so it works anywhere CSS works.
- Documentation and demos that treat the developer as a peer, not a beginner.
04Technical Architecture
- →A generator that compiles a small config surface into plain, predictable CSS.
- →Utilities generated only for what you use, nothing shipped to users that wasn't requested.
- →TypeScript definitions for every option so editors catch mistakes early.
05Technologies
06My Role
Designer and engineer, concept, implementation, docs and distribution.
Related Work
View all →NivoSearch
An independent search platform with a custom indexer, relevance ranking and a lean, fast results interface.
DiscountKit
A WooCommerce pricing toolkit that gives merchants flexible, rule-based discounting without complex pricing plugins.
Merit Medical
A WooCommerce build for a medical supplies retailer, catalogue, ordering flow and account systems for repeat customers.