{"id":30067425,"url":"https://github.com/gauravsonii/vecto3d","last_synced_at":"2026-04-11T05:36:50.641Z","repository":{"id":306706761,"uuid":"1026981588","full_name":"gauravsonii/vecto3d","owner":"gauravsonii","description":"A super simple tool to convert your SVG's to 3D models.","archived":false,"fork":false,"pushed_at":"2025-07-27T04:07:54.000Z","size":722,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-27T06:26:19.395Z","etag":null,"topics":["design","nextjs","react-three-fiber","tailwindcss","threejs","v0","vercel"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gauravsonii.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"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,"zenodo":null}},"created_at":"2025-07-27T03:51:11.000Z","updated_at":"2025-07-27T04:09:55.000Z","dependencies_parsed_at":"2025-07-27T06:26:21.990Z","dependency_job_id":"7106165c-4e7d-47a1-adc8-18b8b0fbe407","html_url":"https://github.com/gauravsonii/vecto3d","commit_stats":null,"previous_names":["gauravsonii/vecto3d"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/gauravsonii/vecto3d","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gauravsonii%2Fvecto3d","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gauravsonii%2Fvecto3d/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gauravsonii%2Fvecto3d/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gauravsonii%2Fvecto3d/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gauravsonii","download_url":"https://codeload.github.com/gauravsonii/vecto3d/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gauravsonii%2Fvecto3d/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269394283,"owners_count":24409772,"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","status":"online","status_checked_at":"2025-08-08T02:00:09.200Z","response_time":72,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["design","nextjs","react-three-fiber","tailwindcss","threejs","v0","vercel"],"created_at":"2025-08-08T09:00:52.722Z","updated_at":"2025-12-30T21:48:58.366Z","avatar_url":"https://github.com/gauravsonii.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eVecto3d\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n\n\u003cimg src =\"https://img.shields.io/badge/Next.js-000000.svg?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\"\u003e\n\u003cimg src =\"https://img.shields.io/badge/Three.js-000000.svg?style=for-the-badge\u0026logo=threedotjs\u0026logoColor=white\"\u003e\n\u003cimg src =\"https://img.shields.io/badge/v0-000000.svg?style=for-the-badge\u0026logo=v0\u0026logoColor=white\"\u003e\n\u003cimg src =\"https://img.shields.io/badge/shadcn/ui-000000.svg?style=for-the-badge\u0026logo=shadcn/ui\u0026logoColor=white\"\u003e\n\u003cimg src =\"https://img.shields.io/badge/TailwindCSS-000000.svg?style=for-the-badge\u0026logo=TailwindCSS\u0026logoColor=white\"\u003e\n\u003cimg src =\"https://img.shields.io/badge/Vercel-000000.svg?style=for-the-badge\u0026logo=Vercel\u0026logoColor=white\"\u003e\n\n\u003c/p\u003e\n\n![GithubBanner](./public/opengraph-image-v1.png)\n\nA super simple tool to convert your simple SVGs, mostly logos, to 3D models.\nCheck it out at [https://vecto3d.xyz](https://vecto3d.xyz)\n\n## But why?\n\nSo, one day I was bored and decided to open Blender. I loaded up a logo that I designed in Figma (check it out [here](https://x.com/blakssh/status/1895902171788689741)) and then started playing around with the different tools to make it 3D. I knew that you can convert any SVG to 3D models in Blender, but I wanted to make it easier and faster. So I checked out the web and found a few tools, but they were either paid or lacked a 3D model export feature. So I thought, why not make a tool that can do this easily and quickly?\n\n## Project Structure\n\n```\nvecto3d/\n├── public/                 # Static assets\n├── app/                    # Next.js App Router\n│   └──edit/                # SVG editor route\n├── components/             # React components\n│   ├── ui/                 # UI components\n│   └── controls/           # Control panel components\n├── lib/                    # Libraries and utilities\n├── hooks/                  # Custom React hooks\n├── styles/                 # Styles CSS\n└── ...config files         # e.g., next.config.ts, tsconfig.json, package.json...\n```\n\n## What can you do with this?\n\n- Convert your simple SVGs to 3D models.\n- Multiple customization options, which include Geometry, Materials, Environment, and Background, with a simple, intuitive UI.\n- Customize your 3D models with your desired thickness or bevels.\n- Experiment with different colors and materials (Glass, Metal, Plastic, etc.).\n- Preview your 3D models in different environments and also add your own custom environment using any image you want.\n- Download 3D models in STL, GLB, and GLTF formats.\n- Export images in PNG in HD, 2K, and 4K quality.\n- Change the background color of the preview panel to see the 3D model in different colors.\n\n## Vibe Mode\n\nSince vibe coding is currently in trend, I thought, why not add a \"vibe mode\" to this app? So I added a button to toggle this mode. This mode allows you to add a dreamy effect with bloom and soft shadows to your preview panel.\n\n## Acknowledgements\n\nI've used multiple tools to make this app, especially [V0.dev](https://v0.dev) for quick prototyping, [shadcn/ui](https://ui.shadcn.com), and [Magic UI](https://magicui.design/) for the amazing UI components.\n\n## License \u0026 Contributing\n\nThis project uses the MIT License. See the [LICENSE](LICENSE) file for details. For contributing, please read the [CONTRIBUTING.md](CONTRIBUTING.md) file.\n\n## Sponsors\n\nThis project is proudly supported by:\n\n\u003ca href=\"https://vercel.com/oss\"\u003e\n  \u003cimg alt=\"Vercel OSS Program\" src=\"https://vercel.com/oss/program-badge.svg\" /\u003e\n\u003c/a\u003e\n\n## Contact\n\nYou can contact me on [X (Twitter)](https://x.com/gauravsoniiii) I'll be happy to help you :)\n#\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgauravsonii%2Fvecto3d","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgauravsonii%2Fvecto3d","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgauravsonii%2Fvecto3d/lists"}