react
Featured
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It demonstrates that complex 3D graphics can be rendered using only HTML and CSS, eliminating the need for WebGL or canvas, which opens up new possibilities for lightweight, accessible 3D content on the web.
Who it is for
- Web developers interested in CSS-based 3D rendering
- Game modders and enthusiasts wanting to bring interactive 3D models to web pages without heavy libraries
- CSS animation and visual effects enthusiasts
- Educators and students exploring the limits of CSS in computer graphics
Use cases
- Embedding interactive 3D character models (e.g., Mario) on a personal website or portfolio
- Creating lightweight animated 3D scenes for articles or presentations without loading WebGL
- Prototyping 3D UI elements or icons using pure CSS
- Learning and teaching CSS 3D transforms through real-world model examples
Strengths
- Uses real HTML/CSS only, no WebGL or canvas, making it lightweight and easy to integrate
- Supports interactive features like grabbing and dragging model parts (demonstrated with Mario)
- Handles animations such as morphing between shapes (e.g., cube to sphere)
- Open-source with MIT license, and allows importing custom models (e.g., Super Mario 64)
Considerations
- Depends on the PolyCSS engine, which may have its own browser compatibility and performance constraints
- Model preparation requires specific ROM files (e.g., Super Mario 64), raising potential legal and accessibility barriers
- Likely limited to simpler geometries and scenes compared to full WebGL-based solutions
README quick start
cssGraphics
cssGraphics packages animated and interactive 3D models as real HTML and CSS, without a WebGL or canvas renderer. Powered by the PolyCSS engine.
Run locally
pnpm install
pnpm dev
To prepare Mario, place your own US .z64 ROM under .local/:
pnpm prepare:super-mario-64 -- --rom .local/baserom.us.z64
Nintendo game data is not included.
License
cssGraphics source code is MIT licensed. Third-party models retain
their original licenses and attribution, listed in
site/public/catalog.json.
Description
A DOM-ready 3D asset library powered by PolyCSS.
Related repositories
Similar projects matched by category, topics, and programming language.
tandpfun
Featured
wardrobe
A GPT‑image powered app that extracts individual garment cutouts from photos, organizes them into a digital wardrobe, and generates modeled outfit previews.
mshumer
Featured
Claude-of-Duty
A browser-based first-person shooter built entirely with procedural generation and orchestrated AI agents, featuring 55k lines of Three.js/WebGL2 code and no art assets.