GitHub - voidfnc/void-gpt-5-templates: Templates generated with GPT-5 available for others! Most are mock-ups but can be turned functional with just a few prompts.

void-gpt-5-templates

Public templates generated with GPT-5, available for everyone.

Overview

A curated collection of high-quality templates created using GPT-5 to jumpstart your projects. Most templates are mock-ups that you can transform into fully functional apps with additional prompts.

Features

GPT-5 generated: Modern, clean code produced with GPT-5
Ready-to-use: Many templates work out of the box
Easy customization: Convert mock-ups to full apps with minimal effort
Diverse collection: Web, mobile, backend, UI components, dashboards, and more
Community driven: Open to contributions and improvements

Template categories

Web applications: React, Vue, Angular, and vanilla JavaScript
Mobile apps: React Native and PWA starters
Backend services: Node.js, Python, and API templates
UI components: Reusable component libraries and design systems
Landing pages: Marketing and portfolio sites
Dashboards: Admin panels and analytics interfaces

Getting started

Browse templates in this repository
Clone the repo

git clone https://github.com/voidfnc/void-gpt-5-templates.git
cd void-gpt-5-templates

Choose a template directory (see Template Index below)
Follow the template’s instructions in its README (or the quickstart notes below)
Customize using GPT-5 prompts

Making templates functional (with GPT-5)

Review the mock-up structure to understand the intended functionality
Try prompts like:
- "Convert this mock login form to handle real authentication"
- "Add database integration to this user management template"
- "Implement the API calls for this dashboard template"
Test and iterate with additional prompts for refinements

Standard template structure

template-name/
├── README.md          # Template-specific instructions
├── src/               # Source code
├── assets/            # Images, fonts, etc.
├── docs/              # Documentation (optional)
└── package.json       # Dependencies (if applicable)

Template index

Template	Category	Tech	Summary
`gpt5_eduai`	Landing page, Admin dashboard	HTML, CSS, JS (no build tools). CDNs: GSAP, ScrollTrigger, Lenis, VanillaTilt, Swiper, SplitType, Lucide, canvas-confetti, Chart.js	Modern marketing site for an education AI tool with preloader, animated hero, features, demo, testimonials, pricing, FAQ. Includes a mock admin suite: Login/Register, Dashboard (KPIs, charts, users), Analytics, Users (CRUD, filters, bulk, import/export), Settings (org, notifications, SSO, API keys, reset). Light/dark theme with persistence. Client-only mock auth via localStorage.

Quickstart: `gpt5_eduai`

Open index.html in a browser (internet connection required for CDNs)
Sign in flow: admin-register.html → create account → redirected to admin-dashboard.html
Dashboard pages: admin-dashboard.html, admin-analytics.html, admin-users.html, admin-settings.html
Data is demo-only (stored in localStorage); no real backend

Key files:

index.html: Marketing/landing page with animations and guarded CDN inits
auth.js / auth.css: Minimal client-side auth mock, theme, and shared styles
admin-*.html: Admin pages (Login, Register, Dashboard, Analytics, Users, Settings)
dashboard.js, analytics.js, admin-users.js, admin-settings.js, dashboard.css: Admin logic, charts, users CRUD, settings, and styling

Known limitations (intended for template/demo use):

Uses CDNs; offline usage disables optional effects (guarded fallbacks keep pages usable)
Mock authentication and storage only (localStorage). For production, implement real auth (e.g., Argon2/bcrypt, sessions/JWT, CSRF, rate limiting)