A high-performance, beautiful Sudoku implementation showcasing the upcoming mUI framework.
This project is an example code for the unreleased mUI framework. It demonstrates the framework's capability to handle complex layouts, real-time DOM manipulations, and smooth CSS-driven animations in a native Windows environment.
Important
This demo is currently Windows only.
If you are interested in the mUI framework or would like a personal demo, please feel free to contact me.
Sudoku is played on a 9x9 grid, divided into 3x3 subgrids called "regions" or "boxes":
- Fill every empty cell with a number from 1 to 9.
- Each number can only appear once in every row, every column, and every 3x3 region.
- The game is won when the entire grid is correctly filled.
- Difficulty Levels: Choose between Easy, Medium, Hard, and Expert.
- Pencil Mode: Toggle pencil notes to keep track of possibilities for each cell.
- Hints: Stuck? Use the hint button (but try to solve it yourself first!).
- Undo: Quickly revert your last move.
- Solver Cheat: Witness the power of the solver with a real-time animated demonstration.
| Key | Action |
|---|---|
| Mouse Left Click | Select a cell or interact with UI buttons |
| Number Keys (1-9) | Place a number in the selected cell |
| Number Key (0) | Erase the content of the selected cell |
| F1 | Start the Automatic Solver Demo |
| F2 | Debug DOM layout (developer mode) |
You can find a playable, pre-compiled Windows version in the releases:
This Sudoku app highlights:
- Logical Layout, Physical Rendering: Precision UI scaling for any DPI.
- CSS-Powered Styling: Modern aesthetics using familiar web-like syntax.
- Multi-threaded Logic: Smooth performance with asynchronous game logic and UI updates.
For more examples of what the mUI framework can do, check out these projects:
- mUI Showcase: A collection of 3 examples focusing on:
- Standards: Essential UI components and layout patterns.
- Inputs: Advanced form handling and interactive inputs.
- Image Viewer: High-performance image rendering and manipulation.
- mUI CapTable Demo: A data-driven showcase with Chart.js-inspired widgets and financial modeling.