Mecle

Mecle

A daily 5-letter word puzzle game wrapped in a high-fidelity industrial security aesthetic. Crack the encryption code with 6 attempts, guided by glowing mechanical tiles and a tactile keyboard interface. Built with React, Three.js, and Vite for a premium web gaming experience.

React, TypeScript, Three.js, Tailwind CSS, Zustand, Python, FastAPI
Play Project Demo
Mecle showcase

Key Features

  • Hyper-realistic 3D industrial UI design
  • Metallic tiles with emissive LED glow
  • Responsive design for mobile/desktop
  • Modal system for info/stats/settings
  • RESTful API for word validation

Game Features

  • Interactive 6x5 flippable tile grid
  • Daily 5-letter encryption challenge
  • Statistics tracking and streak system
  • Win/loss detection within six attempts
  • Hard mode and accessibility options

Inspiration

A deep interest in game mechanics and interactive design led to the exploration of word-puzzle game development. While existing implementations like Wordle demonstrated strong gameplay fundamentals, they lacked the immersive, tactile quality that elevates a casual game into a premium experience. Mecle was designed to bridge that gap-delivering the same compelling puzzle mechanics within a high-fidelity industrial aesthetic that evokes the satisfaction of cracking a mechanical safe, transforming a simple word game into a visually and interactively rich experience.

More

Currency Node

Currency Node

NeoRCode

NeoRCode

ImgPixel

ImgPixel

ObsCure

ObsCure

GeoMark

GeoMark

MAIN

WORK

RECENT WORK

CONNECT

© 2026 NG SHEN ZHI