{"id":16578766,"url":"https://github.com/ektogamat/threejs-graces","last_synced_at":"2025-08-21T17:29:28.519Z","repository":{"id":45835667,"uuid":"492609695","full_name":"ektogamat/threejs-graces","owner":"ektogamat","description":"In this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks. It has only 240 lines of code. The original design was created by Tom Bogner @dastom on Dribble: https://dribbble.com/shots/6767548-The-Three-Graces-Concept.","archived":false,"fork":false,"pushed_at":"2023-09-12T17:10:44.000Z","size":1982,"stargazers_count":273,"open_issues_count":0,"forks_count":71,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-06T10:38:17.671Z","etag":null,"topics":["creative-coding","threejs","threejs-example","webgl"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ektogamat.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-05-15T21:36:49.000Z","updated_at":"2025-03-29T16:01:28.000Z","dependencies_parsed_at":"2025-02-07T13:10:42.428Z","dependency_job_id":"8ad6c04b-9ecc-43f7-8079-0ee900499d24","html_url":"https://github.com/ektogamat/threejs-graces","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ektogamat%2Fthreejs-graces","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ektogamat%2Fthreejs-graces/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ektogamat%2Fthreejs-graces/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ektogamat%2Fthreejs-graces/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ektogamat","download_url":"https://codeload.github.com/ektogamat/threejs-graces/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247675607,"owners_count":20977377,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["creative-coding","threejs","threejs-example","webgl"],"created_at":"2024-10-11T22:15:37.460Z","updated_at":"2025-04-07T15:09:46.278Z","avatar_url":"https://github.com/ektogamat.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/andersonmancini"],"categories":[],"sub_categories":[],"readme":"# Ektogamat Three Graces Design Concept using threejs\n\u003ch4\u003eby Anderson Mancini\u003c/h4\u003e\n\nIn this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks. It has only 240 lines of code. The original design was created by Tom Bogner @dastom on Dribble: https://dribbble.com/shots/6767548-The-Three-Graces-Concept.\n\n\u003cimg  widht=\"100%\" height=\"auto\" src=\"static/textures/imageSocial.jpg\"\u003e\n\nThis project uses Threejs in vanillaJS with WebPack and is based on my boilerplate: https://github.com/ektogamat/threejs-andy-bolierplate. I think this could be easier to understand for those who isn't familiar with React Three Fiber yet (like myself).\n\n# Live Link\nLive: https://threejs-graces.tiiny.site/\n\n# Getting Started\nDownload and install Node.js on your computer (https://nodejs.org/en/download/).\n\nThen, open VSCODE, drag the project folder to it. Open VSCODE terminal and install dependencies (you need to do this only in the first time)\n```\nnpm install\n```\n\nRun this command in your terminal to open a local server at localhost:8080\n```\nnpm run dev\n```\n\n# Attribution\nOriginal design created by Tom Bogner @dastom on Dribble: https://dribbble.com/shots/6767548-The-Three-Graces-Concept\n\nThe GLTF used in this example was made by 3DLadnik: https://sketchfab.com/3DLadnik\n\nReleased as CC-BY-4.0 by Sketchfab: https://sketchfab.com/3d-models/3d-printable-the-three-graces-58e0ae19e2984b86883edc41bf43415a\n\n# Notes\nWould be really appreciated if you are willing to give me a star here on GitHub 🎉 or buy me a coffee ☕ https://www.buymeacoffee.com/andersonmancini. The money will be used to produce more content about threejs or to buy new courses.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fektogamat%2Fthreejs-graces","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fektogamat%2Fthreejs-graces","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fektogamat%2Fthreejs-graces/lists"}