{"id":26965362,"url":"https://github.com/borkstick/pixelfinity","last_synced_at":"2026-04-10T15:37:31.801Z","repository":{"id":285859121,"uuid":"959583962","full_name":"BorkStick/pixelfinity","owner":"BorkStick","description":"A pixel art builder inspired by Gridfinity — design and export tile-based art using a limited filament-based color palette.","archived":false,"fork":false,"pushed_at":"2025-04-03T03:06:20.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-03T03:29:17.024Z","etag":null,"topics":["3d-printing","creative-tools","gridfinity","pixel-art","react","tailwindcss","typescript","vite"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BorkStick.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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}},"created_at":"2025-04-03T02:52:33.000Z","updated_at":"2025-04-03T03:10:08.000Z","dependencies_parsed_at":"2025-04-03T03:29:19.559Z","dependency_job_id":"508bc779-dc05-4755-a1fb-e151bcd515b9","html_url":"https://github.com/BorkStick/pixelfinity","commit_stats":null,"previous_names":["borkstick/pixelfinity"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BorkStick%2Fpixelfinity","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BorkStick%2Fpixelfinity/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BorkStick%2Fpixelfinity/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BorkStick%2Fpixelfinity/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BorkStick","download_url":"https://codeload.github.com/BorkStick/pixelfinity/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248056462,"owners_count":21040383,"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":["3d-printing","creative-tools","gridfinity","pixel-art","react","tailwindcss","typescript","vite"],"created_at":"2025-04-03T07:20:49.773Z","updated_at":"2025-12-30T22:30:58.372Z","avatar_url":"https://github.com/BorkStick.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🧱 Pixelfinity\n\n![ttest](./public/20250407%20-%20Screenshot%20-%20Better%20Grid%20and%20Palette.png)\n\n**Pixelfinity** is a pixel art builder inspired by Gridfinity — but instead of storage bins, you're placing colorful pixel tiles!  \nDesign, save, and export your own pixelplates using a limited color palette based on real 3D-printable filament colors.\n\n---\n\n## ✨ Features\n\n- 🎨 16×16 grid canvas with click-to-color tile editing  \n- 🧱 Realistic color palette with support for PLA filament codes  \n- 💾 Save and load pixelplates to local gallery  \n- 🖼 Export as PNG (scaled for clean printing or sharing)  \n- 🌙 Toggle light/dark theme and grid visibility  \n- 📊 Live stats: see how many tiles of each color are used  \n- 🧠 Built with React + TypeScript + Tailwind CSS + Vite\n\n---\n\n## 🚀 Getting Started\n\n```bash\ngit clone https://github.com/BorkStick/pixelfinity.git\ncd pixelfinity\nnpm install\nnpm run dev\n```\n\nThen open [http://localhost:5173](http://localhost:5173) in your browser.\n\n---\n\n## 🖌 Color Palette\n\nAll colors are based on real filament hex codes:\n\n| Name             | Hex       |\n|------------------|-----------|\n| Red PLA          | `#cc3232` |\n| Light Green PLA  | `#a4cb88` |\n| Green PLA        | `#57d188` |\n| Purple PLA       | `#800080` |\n| Grey PLA         | `#868489` |\n| Light Blue PLA   | `#8abed4` |\n| Dark Blue PLA    | `#1e255c` |\n| White PLA        | `#ffffff` |\n| Black PLA        | `#000000` |\n\n---\n\n## 📁 Project Structure\n\n```\nsrc/\n├── components/      # UI pieces (Grid, Palette, Gallery)\n├── context/         # Grid context provider\n├── types/           # Grid and color types\n├── App.tsx          # Main layout\n└── main.tsx         # Entry point\n```\n\n---\n\n## 📸 Screenshots\nPixelfintiy Light Mode\n![Pixelfintiy Light Mode](./public/20250407%20-%20Pixelfinity%20-%20Light.png)\n\nPixelfintiy Light Mode\n![Pixelfintiy Dark Mode](./public/20250407%20-%20Pixelfinity%20-%20Dark.png)\n\nExported PNG Example\n![Pixelfintiy Dark Mode](./public/Jacob%20Cat%20v1%20-%2004_06_2025.png)\n\nPixels Layed out on floor 12x12 grid\n![Jacobs Cat Real](./public/jacob_cat_pixelfinity.jpg)\n\n---\n\n## 🛠 Built With\n\n- [Vite](https://vitejs.dev/)\n- [React](https://react.dev/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Tailwind CSS](https://tailwindcss.com/)\n\n---\n\n## 📦 Future Ideas\n\n- 🔧 Custom filament/color management  \n- 🧩 Download printable tile layout  \n- 🌈 Pattern/glyph generator  \n- ☁️ Cloud save (with Firebase or Supabase?)\n\n---\n\n## 🧙‍♂️ License\n\nMIT License — build, remix, or print pixel magic!\n\n---\n\n\u003e Made with 🧱 by BorkStick","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fborkstick%2Fpixelfinity","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fborkstick%2Fpixelfinity","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fborkstick%2Fpixelfinity/lists"}