Kokraf is a modern, browser-based 3D modeling tool built for real-time creativity. Whether you're a hobbyist, designer, or developer, Kokraf gives you a smooth, intuitive interface to model, manipulate, and view 3D objects directly in your browser — no installation needed.
🎥 Modeling Demo: https://youtu.be/hpA3I_OLDl4
Try it live here: https://kokraf.com/
(Best viewed on a desktop browser like Chrome)
User Manual – Learn the tools and workflow
- Three.js – 3D rendering
- HTML, CSS, JavaScript
- Supabase - for backend
- GitHub Pages – for free hosting
- Discord: Join the community
- YouTube: Jourverse Channel
- X: Jourverse on X
To run this project locally on your PC:
git clone https://github.com/sengchor/kokraf.git
cd kokrafThen open the project in Visual Studio Code.
Open index.html and use the Live Server extension to view the project in your browser.
Kokraf does not edit Three.js geometries directly. Instead, it uses a custom Vertex–Edge–Face (VEF) adjacency mesh as its core data model.
All modeling operations (extrude, move, split, etc.) operate on this mesh data. After each operation, the mesh is converted into a BufferGeometry and sent to Three.js purely for rendering.
This separation keeps modeling logic independent from the renderer, allows direct polygon (quad) representation, and supports real modeling workflows rather than render-only editing.