Live$React / Next.js· January 2026

RPG Stencils

Handcrafted physical map stencils and grid-aligned symbols that help tabletop RPG dungeon masters draw clear, readable encounter maps in minutes.

Visit Project

~/rpgstencils ▌

// summary

Summary

RPG Stencils blends modern web tech with physical 3D fabrication to bring tactile world-building back to D&D and tabletop RPG tables. Built using Next.js and manufactured on 3D printers, the platform offers Dungeon Masters precise drawing tools to build immersive, grid-aligned battle maps in under 10 minutes.

Handcrafted Mapmaking Tools

The product line is anchored by the Starter Kit RPG Stencils Trio, which includes three essential packs:

Foundations: For drawing rooms, corridors, and doorways.
Weapons: Scaling standard fantasy weapons to grid coordinates.
Dungeon Items: Providing stencils for furniture, chests, traps, and details.

Optimized Web Storefront

The storefront is built on a Next.js stack, optimized for fast loading and immersive imagery. It features dynamic learning pages, step-by-step dungeon blueprints, and a user-generated map gallery showing finished encounter locations like "The Rusty Flagon Tavern" or "The Vault of Whispers."

// problem

Problem Solved

Dungeon Masters spend hours drawing maps or rely on digital screens that break tabletop immersion. Drawing freehand can result in messy layouts that are hard for players to read from across the table. RPG Stencils solves this by providing precise, reusable stencils to trace consistent rooms, doors, weapons, and furniture in minutes.

// features

Key Features

Grid-aligned precision stencils for standard 1-inch tabletop grid mats
Next.js storefront serving static guides, galleries, and product catalogs
Step-by-step guides for dungeon, crypt, town, and fortified camp mapping
Durable 3D-printed polymer construction optimized for marker tip tolerances
Tactile-first mapmaking workflow eliminating screens at the game table

// architecture

Architecture Notes

The e-commerce site is built with Next.js, optimizing product pages, mapping guides, and galleries using static generation for instant page transitions. The stencils themselves are engineered in Fusion 360 to enforce tight dimensional accuracy, then locally manufactured using high-quality 3D printing filaments.

// learnings

What I Learned

→Physical prototype iteration is critical. Cutout dimensions must allow standard dry-erase, wet-erase, and fine-line markers to trace smoothly without compromising the structural integrity of thin divider walls.
→Static content strategy scales fast. High-resolution step-by-step blueprints and guides load instantly when statically compiled, reducing bounce rates on the store.
→Tactile game accessories have a passionate community. Emphasizing the handcrafted, DM-built nature of the tools drives higher conversion and user-submitted map gallery contributions.

// roadmap

Future Improvements

+Community repository for downloading custom 3D stencil model files
+Web-based dungeon layout generator that outputs stencil-ready layouts
+Expanding physical packages to include sci-fi and modern mapping symbols

// more.projects