{"id":51464665,"url":"https://github.com/simplearyan/design-demos","last_synced_at":"2026-07-06T09:31:50.780Z","repository":{"id":338412183,"uuid":"1157775814","full_name":"simplearyan/design-demos","owner":"simplearyan","description":"A collection of experimental design concepts, prototypes, and landing pages.","archived":false,"fork":false,"pushed_at":"2026-04-14T04:01:57.000Z","size":25071,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-14T05:12:14.735Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://simplearyan.github.io/design-demos/","language":"HTML","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/simplearyan.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-02-14T09:23:41.000Z","updated_at":"2026-04-14T04:02:01.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/simplearyan/design-demos","commit_stats":null,"previous_names":["simplearyan/design-demos"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/simplearyan/design-demos","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplearyan%2Fdesign-demos","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplearyan%2Fdesign-demos/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplearyan%2Fdesign-demos/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplearyan%2Fdesign-demos/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simplearyan","download_url":"https://codeload.github.com/simplearyan/design-demos/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplearyan%2Fdesign-demos/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35185688,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-06T02:00:07.184Z","response_time":106,"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":[],"created_at":"2026-07-06T09:31:50.053Z","updated_at":"2026-07-06T09:31:50.730Z","avatar_url":"https://github.com/simplearyan.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Design Demos — Aryan's UI Lab\n\nA curated collection of **61+ UI design prototypes** across 10 project domains — video editors, LMS readers, portfolios, data viz tools, and more. Powered by an auto-generating portal with screenshot previews.\n\n## 🌐 Live Site\n\n**[simplearyan.github.io/design-demos](https://simplearyan.github.io/design-demos/)**\n\n---\n\n## 🖼️ Project Previews\n\n### 💣 Brutalism\n\u003e Raw, editorial brutalist UI experiments\n\n![Brutalism — Game Dev Page](screenshots/brutalism/Aryan_DS_game_Dev.png)\n\n---\n\n### 🎬 CapCut Clone\n\u003e Pro video editor UI clones \u0026 variants\n\n![CapCut Clone](screenshots/capcut-clone-deisng/capcut-clone.png)\n\n| Chart Studio 0.1 | Chart Studio 0.4.1 |\n|---|---|\n| ![Chart Studio 0.1](screenshots/capcut-clone-deisng/chart-studio-0.1.png) | ![Chart Studio 0.4.1](screenshots/capcut-clone-deisng/chart-studio-0.4.1.png) |\n\n---\n\n### 📊 Flourish Design\n\u003e Data viz studio UI inspired by Flourish\n\n| Flourish Clone | Different Font Variant |\n|---|---|\n| ![Flourish Clone](screenshots/flourish-design/flourish-clone.png) | ![Different Font](screenshots/flourish-design/different-font.png) |\n\n---\n\n### 📚 Gemini LMS\n\u003e Course reader \u0026 LMS UI iterations\n\n![Course Read — Pro Gray](screenshots/gemini-lms/course-read-pro-gray.png)\n\n| Course Read (v1) | Discord Version | Stats Course |\n|---|---|---|\n| ![Course Read](screenshots/gemini-lms/course-read.png) | ![Discord Version](screenshots/gemini-lms/course-read-discrod-version.png) | ![Stats Course](screenshots/gemini-lms/stats-course.png) |\n\n---\n\n### 🎨 Kenichi Animation Studio\n\u003e Animation studio app design evolution\n\n| v0.2 Home Page | v0.3 Responsive Bottom Bar |\n|---|---|\n| ![v0.2](screenshots/kenichi-animation-studio/v0.2-home-page.png) | ![v0.3](screenshots/kenichi-animation-studio/v0.3-responsive-bottom-bar.png) |\n\n---\n\n### 🌐 Landing Pages\n\u003e Marketing \u0026 personal landing pages\n\n| Aryan DS | Gemini Notes |\n|---|---|\n| ![Aryan DS](screenshots/landing-pages/ARYAN_DS.png) | ![Gemini Notes](screenshots/landing-pages/GEMINI_NOTES.png) |\n\n---\n\n### 📝 Personal Notes Site\n\u003e Multi-page personal notes \u0026 portfolio site\n\n![Notes Page](screenshots/personal-notes-site/notes.png)\n\n| Index | Course Read | Solutions |\n|---|---|---|\n| ![Index](screenshots/personal-notes-site/index.png) | ![Course Read](screenshots/personal-notes-site/course-read.png) | ![Solutions](screenshots/personal-notes-site/solutions.png) |\n\n---\n\n### 🔢 Pol-Math\n\u003e Math-focused educational tool iterations\n\n| v4 | v5 | v6 |\n|---|---|---|\n| ![v4](screenshots/pol-math/v4.png) | ![v5](screenshots/pol-math/v5.png) | ![v6](screenshots/pol-math/v6.png) |\n\n---\n\n### 🌌 Zero Gravity\n\u003e Personal portfolio v1 — space theme\n\n![Zero Gravity Main](screenshots/zero-gravity/Aryan_Zero_gravity.png)\n\n| Notes Page | Solutions Page | Devlog |\n|---|---|---|\n| ![Notes](screenshots/zero-gravity/Zero_gravity_notes_page.png) | ![Solutions](screenshots/zero-gravity/Zero_gravity_solutions_page.png) | ![Devlog](screenshots/zero-gravity/Zero_gravity_devlog_page.png) |\n\n---\n\n### ✨ Zero Gravity V2\n\u003e Full redesign iteration of Zero Gravity\n\n| Home | Course Read | Notes |\n|---|---|---|\n| ![Home](screenshots/zero-gravity-v2/home.png) | ![Course Read](screenshots/zero-gravity-v2/course-read.png) | ![Notes](screenshots/zero-gravity-v2/notes.png) |\n\n---\n\n## 📁 Project Structure\n\n```\ndesign-demos/\n├── _config.js                    ← Single source of truth for all project metadata\n├── generate-index.js             ← Generates index.html from config + screenshots\n├── generate-preview.js           ← Puppeteer screenshot capture (cached)\n├── index.html                    ← Auto-generated portal (Grid + List view + Search)\n├── screenshots/                  ← Auto-generated thumbnails (committed to repo)\n│\n├── brutalism/\n├── capcut-clone-deisng/\n├── flourish-design/\n├── gemini-lms/\n├── kenichi-animation-studio/\n├── landing-pages/\n├── personal-notes-site/\n├── pol-math/\n├── zero-gravity/\n└── zero-gravity-v2/\n```\n\n---\n\n## 🛠 Development\n\n### Adding a New Project\n\n1. **Add your HTML file(s)** to an existing subdirectory, or create a new one.\n2. **Register it** in `_config.js` (only needed for new directories):\n    ```js\n    { id: 'my-new-project', label: 'My New Project', icon: '🚀', desc: 'Short description' }\n    ```\n3. **Run the build** — see commands below.\n\n### npm Scripts\n\n| Command | What it does |\n| :--- | :--- |\n| `npm run index` | Fast — regenerates `index.html` only (no browser needed) |\n| `npm run preview` | Captures screenshots for **new** files only, then regenerates index |\n| `npm run preview:force` | Re-captures **all** screenshots, then regenerates index |\n| `npm run build` | Runs both `index` and `preview` |\n\n```bash\n# After adding new HTML files:\nnpm run preview         # takes screenshots of new files, rebuilds index\n\n# To refresh all thumbnails:\nnpm run preview:force\n```\n\n\u003e **Local note:** `npm run preview` uses your system-installed Chrome on Windows/macOS.  \n\u003e No need to run `npx puppeteer browsers install` locally.\n\n---\n\n## 🚀 Deployment\n\nPushes to `main` automatically deploy to GitHub Pages via GitHub Actions:\n\n1. Checkout code\n2. `npm install`\n3. `npx puppeteer browsers install chrome` — installs browser for CI\n4. `npm run preview` — captures any new screenshots, regenerates `index.html`\n5. Upload \u0026 deploy to GitHub Pages\n\n\u003e **Setup:** Go to **Settings → Pages** and set the source to **\"GitHub Actions\"**.\n\n---\n\n## 🎨 Design Systems\n\n| File | Theme | Used In |\n| :--- | :--- | :--- |\n| `Capcut_Palette.md` | Dark Studio (`#0a0a0a` + neon cyan) | CapCut Clone, Chart Studio |\n| `Flourish_Palette.md` | Light Data-Viz (white + ocean teal) | Flourish Design, Chart Studio |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimplearyan%2Fdesign-demos","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimplearyan%2Fdesign-demos","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimplearyan%2Fdesign-demos/lists"}