Files
zeekayandClaude Opus 4.8 43c689503a feat(gallery): canonical templates.json catalog API (SoT -> build-time gen)
Emit public/templates.json from app/templates-data.ts (the single source of
truth) via a prebuild step, so gallery.hanzo.ai/templates.json is the
machine-readable template catalog consumed by hanzo.app. Each record keeps
the raw SoT fields and adds absolute screenshotUrl/templateUrl/repo so
consumers never encode the gallery's internal path scheme.

- scripts/gen-templates-json.mjs: imports templates-data.ts (node 24 type-strip)
- package.json: prebuild hook runs the generator before next build
- Dockerfile: node:22 -> node:24 for stable TS type-stripping
- public/templates.json: 72 templates, 71 with real screenshots

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-02 22:09:17 -07:00

1930 lines
56 KiB
JSON

{
"version": 1,
"origin": "https://gallery.hanzo.ai",
"count": 72,
"screenshots": 71,
"generatedAt": "2026-07-03T05:08:29.648Z",
"templates": [
{
"id": 1,
"name": "synapse",
"displayName": "Synapse",
"slug": "synapse",
"category": "AI/SaaS",
"screenshot": "synapse",
"path": "apps/synapse",
"framework": "Next.js 14.2 + TS",
"rating": 5,
"features": [
"AI Chat",
"Audio/Video",
"Photo Edit",
"Pricing",
"Responsive"
],
"components": "50+ comp",
"easeOfSetup": 5,
"useCase": "AI SaaS platforms",
"tier": 1,
"description": "Modern AI SaaS platform with chat, audio/video processing, and photo editing capabilities.",
"updatedDate": "2024-05-01",
"port": 3001,
"family": "synapse",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/synapse.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/synapse",
"repo": "https://github.com/hanzo-apps/synapse"
},
{
"id": 2,
"name": "circle",
"displayName": "Circle",
"slug": "circle",
"category": "Social Media",
"screenshot": "circle",
"path": "apps/circle",
"framework": "Next.js 14.2 + TS",
"rating": 5,
"features": [
"Posts",
"Messages",
"Profiles",
"Notifications",
"Responsive"
],
"components": "40+ comp",
"easeOfSetup": 5,
"useCase": "Social media platforms",
"tier": 1,
"port": 3002,
"family": "circle",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/circle.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/circle",
"repo": "https://github.com/hanzo-apps/circle"
},
{
"id": 3,
"name": "metrics",
"displayName": "Metrics",
"slug": "metrics",
"category": "Dashboard",
"screenshot": "metrics",
"path": "apps/metrics",
"framework": "Next.js 13.3 + TS",
"rating": 5,
"features": [
"Analytics",
"CRM",
"Finance",
"Projects",
"Responsive"
],
"components": "60+ comp",
"easeOfSetup": 5,
"useCase": "Admin dashboards",
"tier": 1,
"port": 3003,
"family": "metrics",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/metrics.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/metrics",
"repo": "https://github.com/hanzo-apps/metrics"
},
{
"id": 4,
"name": "kinetic",
"displayName": "Kinetic",
"slug": "kinetic",
"category": "Portfolio",
"screenshot": "kinetic",
"path": "apps/kinetic",
"framework": "Next.js 14.2 + TS",
"rating": 5,
"features": [
"GSAP",
"Smooth Scroll",
"Portfolio",
"Modern"
],
"components": "15+ comp",
"easeOfSetup": 5,
"useCase": "Creative portfolios",
"tier": 1,
"port": 3004,
"family": "kinetic",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/kinetic.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/kinetic",
"repo": "https://github.com/hanzo-apps/kinetic"
},
{
"id": 5,
"name": "quantum",
"displayName": "Quantum",
"slug": "quantum",
"category": "SaaS",
"screenshot": "quantum",
"path": "apps/quantum",
"framework": "Next.js 14.1",
"rating": 5,
"features": [
"Framer Motion",
"Landing",
"Modern",
"Responsive"
],
"components": "20+ comp",
"easeOfSetup": 5,
"useCase": "SaaS landing pages",
"tier": 1,
"port": 3005,
"family": "quantum",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/quantum.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/quantum",
"repo": "https://github.com/hanzo-apps/quantum"
},
{
"id": 6,
"name": "blocks",
"displayName": "Blocks",
"slug": "blocks",
"category": "Component Library",
"screenshot": "blocks",
"path": "apps/blocks",
"framework": "Next.js 14 + shadcn",
"rating": 5,
"features": [
"shadcn/ui",
"Blocks",
"Components",
"Responsive"
],
"components": "100+ blocks",
"easeOfSetup": 5,
"useCase": "shadcn component library",
"tier": 1,
"port": 3008,
"family": "blocks",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/blocks.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/blocks",
"repo": "https://github.com/hanzo-apps/blocks"
},
{
"id": 7,
"name": "savor",
"displayName": "Savor",
"slug": "savor",
"category": "E-commerce",
"screenshot": "savor",
"path": "apps/savor",
"framework": "Next.js 14.2 + TS",
"rating": 5,
"features": [
"Food",
"Delivery",
"Orders",
"Responsive"
],
"components": "30+ comp",
"easeOfSetup": 5,
"useCase": "Food delivery apps",
"tier": 1,
"port": 3009,
"family": "savor",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/savor.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/savor",
"repo": "https://github.com/hanzo-apps/savor"
},
{
"id": 8,
"name": "mint",
"displayName": "Mint",
"slug": "mint",
"category": "Portfolio",
"screenshot": "mint",
"path": "apps/mint",
"framework": "Next.js 14 + TS",
"rating": 5,
"features": [
"Portfolio",
"Creative",
"Modern",
"Responsive"
],
"components": "20+ comp",
"easeOfSetup": 5,
"useCase": "Creative portfolios",
"tier": 1,
"port": 3010,
"family": "mint",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/mint.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/mint",
"repo": "https://github.com/hanzo-apps/mint"
},
{
"id": 9,
"name": "matrix-nextjs",
"displayName": "Matrix",
"slug": "matrix",
"category": "Bento Cards",
"screenshot": "matrix",
"path": "apps/matrix",
"framework": "Next.js 14.2 + TS",
"rating": 5,
"features": [
"Bento Layout",
"AI Theme",
"Next.js",
"Responsive"
],
"components": "30 layouts",
"easeOfSetup": 5,
"useCase": "AI-focused bento card layouts",
"tier": 1,
"port": 3006,
"family": "bento-cards",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/matrix.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/matrix",
"repo": "https://github.com/hanzo-apps/matrix"
},
{
"id": 10,
"name": "mosaic-nextjs",
"displayName": "Mosaic",
"slug": "mosaic",
"category": "Bento Cards",
"screenshot": "mosaic",
"path": "apps/mosaic",
"framework": "Next.js 14.2 + TS",
"rating": 5,
"features": [
"Bento Layout",
"Multipurpose",
"Next.js",
"Responsive"
],
"components": "30 layouts",
"easeOfSetup": 5,
"useCase": "General purpose bento card layouts",
"tier": 1,
"port": 3007,
"family": "bento-cards",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/mosaic.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/mosaic",
"repo": "https://github.com/hanzo-apps/mosaic"
},
{
"id": 11,
"name": "prism-react",
"displayName": "Prism (React)",
"slug": "prism-react",
"category": "SaaS",
"screenshot": "prism-react",
"path": "apps/prism-react",
"framework": "React 18 + Vite",
"rating": 4,
"features": [
"Modern UI",
"Animations",
"Landing",
"Responsive"
],
"components": "25+ comp",
"easeOfSetup": 4,
"useCase": "Modern SaaS landing",
"tier": 2,
"port": 3021,
"family": "prism",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/prism-react.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/prism-react",
"repo": "https://github.com/hanzo-apps/prism-react"
},
{
"id": 12,
"name": "matrix-react",
"displayName": "Matrix (React)",
"slug": "matrix-react",
"category": "Bento Cards",
"screenshot": "matrix",
"path": "apps/matrix",
"framework": "React 18",
"rating": 4,
"features": [
"Bento Layout",
"AI Theme",
"React",
"Responsive"
],
"components": "30 layouts",
"easeOfSetup": 4,
"useCase": "AI-focused bento card layouts",
"tier": 2,
"port": 3022,
"family": "bento-cards",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/matrix.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/matrix-react",
"repo": "https://github.com/hanzo-apps/matrix-react"
},
{
"id": 13,
"name": "mosaic-react",
"displayName": "Mosaic (React)",
"slug": "mosaic-react",
"category": "Bento Cards",
"screenshot": "mosaic",
"path": "apps/mosaic",
"framework": "React 18 + CRA",
"rating": 4,
"features": [
"Bento Layout",
"Multipurpose",
"React",
"Responsive"
],
"components": "30 layouts",
"easeOfSetup": 4,
"useCase": "General purpose bento card layouts",
"tier": 2,
"port": 3023,
"family": "bento-cards",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/mosaic.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/mosaic-react",
"repo": "https://github.com/hanzo-apps/mosaic-react"
},
{
"id": 14,
"name": "soar-react",
"displayName": "Soar",
"slug": "soar",
"category": "Fitness",
"screenshot": "soar",
"path": "apps/soar",
"framework": "React 18 + CRA",
"rating": 4,
"features": [
"Fitness",
"Booking",
"Classes",
"Responsive"
],
"components": "30+ comp",
"easeOfSetup": 4,
"useCase": "Fitness/wellness apps",
"tier": 2,
"port": 3024,
"family": "soar",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/soar.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/soar",
"repo": "https://github.com/hanzo-apps/soar"
},
{
"id": 15,
"name": "cipher-dashboard-react",
"displayName": "Cipher (React)",
"slug": "cipher-react",
"category": "Dashboard",
"screenshot": "cipher-react",
"path": "apps/cipher-react",
"framework": "React 17",
"rating": 4,
"features": [
"Crypto",
"Trading",
"Dashboard",
"Charts"
],
"components": "40+ comp",
"easeOfSetup": 3,
"useCase": "Crypto exchanges",
"tier": 2,
"port": 3025,
"family": "cipher",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/cipher-react.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/cipher-react",
"repo": "https://github.com/hanzo-apps/cipher-react"
},
{
"id": 16,
"name": "launch",
"displayName": "Launch",
"slug": "launch",
"category": "SaaS",
"screenshot": "launch",
"path": "apps/launch",
"framework": "Next.js 13",
"rating": 4,
"features": [
"Landing",
"SaaS",
"Modern",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 4,
"useCase": "SaaS landing pages",
"tier": 2,
"port": 3026,
"family": "launch",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/launch.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/launch",
"repo": "https://github.com/hanzo-apps/launch"
},
{
"id": 18,
"name": "construct",
"displayName": "Construct",
"slug": "construct",
"category": "Landing",
"screenshot": "construct",
"path": "apps/construct",
"framework": "Next.js 14",
"rating": 4,
"features": [
"App",
"Landing",
"Modern",
"Responsive"
],
"components": "25+ comp",
"easeOfSetup": 4,
"useCase": "App landing pages",
"tier": 2,
"port": 3028,
"family": "construct",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/construct.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/construct",
"repo": "https://github.com/hanzo-apps/construct"
},
{
"id": 19,
"name": "deploy",
"displayName": "Deploy",
"slug": "deploy",
"category": "Landing",
"screenshot": "deploy",
"path": "apps/deploy",
"framework": "Next.js 14",
"rating": 4,
"features": [
"Landing",
"Marketing",
"Modern",
"Responsive"
],
"components": "25+ comp",
"easeOfSetup": 4,
"useCase": "Marketing landing pages",
"tier": 2,
"port": 3029,
"family": "deploy",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/deploy.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/deploy",
"repo": "https://github.com/hanzo-apps/deploy"
},
{
"id": 20,
"name": "loop-react",
"displayName": "Loop",
"slug": "loop",
"category": "Bento Cards",
"screenshot": "loop",
"path": "apps/loop",
"framework": "React 18",
"rating": 4,
"features": [
"Bento Layout",
"v3",
"React",
"Responsive"
],
"components": "30 layouts",
"easeOfSetup": 4,
"useCase": "Bento card layouts v3",
"tier": 2,
"port": 3030,
"family": "bento-cards",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/loop.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/loop",
"repo": "https://github.com/hanzo-apps/loop"
},
{
"id": 21,
"name": "unfixed",
"displayName": "Unfixed",
"slug": "unfixed",
"category": "Bento Cards",
"screenshot": "unfixed",
"path": "apps/unfixed",
"framework": "React 18",
"rating": 4,
"features": [
"Bento Layout",
"v3",
"Variant",
"Responsive"
],
"components": "30 layouts",
"easeOfSetup": 4,
"useCase": "Bento card layouts v3 alternative",
"tier": 2,
"port": 3031,
"family": "bento-cards",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/unfixed.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/unfixed",
"repo": "https://github.com/hanzo-apps/unfixed"
},
{
"id": 22,
"name": "unity",
"displayName": "Unity",
"slug": "unity",
"category": "App",
"screenshot": "unity",
"path": "apps/unity",
"framework": "Next.js 14 + TS",
"rating": 4,
"features": [
"App",
"Modern",
"Full Stack",
"Responsive"
],
"components": "30+ comp",
"easeOfSetup": 4,
"useCase": "Full-stack applications",
"tier": 2,
"port": 3101,
"family": "unity",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/unity.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/unity",
"repo": "https://github.com/hanzo-apps/unity"
},
{
"id": 23,
"name": "prism-gsap",
"displayName": "Prism",
"slug": "prism",
"category": "Portfolio",
"screenshot": "prism",
"path": "apps/prism",
"framework": "HTML/SCSS + GSAP",
"rating": 3,
"features": [
"GSAP",
"Portfolio",
"Agency",
"Responsive"
],
"components": "20+ comp",
"easeOfSetup": 3,
"useCase": "Creative agencies",
"tier": 3,
"port": 3041,
"family": "prism",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/prism.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/prism",
"repo": "https://github.com/hanzo-apps/prism"
},
{
"id": 24,
"name": "canvas",
"displayName": "Canvas",
"slug": "canvas",
"category": "Portfolio",
"screenshot": "canvas",
"path": "apps/canvas",
"framework": "HTML/SCSS + GSAP",
"rating": 3,
"features": [
"Portfolio",
"GSAP",
"Studio",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Design studios",
"tier": 3,
"port": 3042,
"family": "canvas",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/canvas.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/canvas",
"repo": "https://github.com/hanzo-apps/canvas"
},
{
"id": 25,
"name": "vault",
"displayName": "Vault",
"slug": "vault",
"category": "Portfolio",
"screenshot": "vault",
"path": "apps/vault",
"framework": "HTML/CSS/JS",
"rating": 3,
"features": [
"Architecture",
"Portfolio",
"Clean",
"Responsive"
],
"components": "12+ comp",
"easeOfSetup": 3,
"useCase": "Architecture portfolios",
"tier": 3,
"port": 3044,
"family": "vault",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/vault.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/vault",
"repo": "https://github.com/hanzo-apps/vault"
},
{
"id": 26,
"name": "studio",
"displayName": "Studio",
"slug": "studio",
"category": "Portfolio",
"screenshot": "studio",
"path": "apps/studio",
"framework": "HTML/CSS/JS",
"rating": 3,
"features": [
"Agency",
"Portfolio",
"Digital",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Digital agencies",
"tier": 3,
"port": 3057,
"family": "studio",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/studio.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/studio",
"repo": "https://github.com/hanzo-apps/studio"
},
{
"id": 27,
"name": "kalli-html",
"displayName": "Kalli",
"slug": "kalli",
"category": "Portfolio",
"screenshot": "kalli-html",
"path": "apps/kalli-html",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Portfolio",
"Creative",
"Modern",
"Responsive"
],
"components": "18+ comp",
"easeOfSetup": 3,
"useCase": "Creative portfolios",
"tier": 3,
"port": 3053,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/kalli-html.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/kalli",
"repo": "https://github.com/hanzo-apps/kalli"
},
{
"id": 28,
"name": "innovise",
"displayName": "Innovise",
"slug": "innovise",
"category": "Business",
"screenshot": "innovise",
"path": "apps/innovise",
"framework": "HTML/CSS",
"rating": 3,
"features": [
"Agency",
"Business",
"Modern",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Agency websites",
"tier": 3,
"port": 3054,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/innovise.png",
"hasScreenshot": false,
"templateUrl": "https://gallery.hanzo.ai/templates/innovise",
"repo": "https://github.com/hanzo-apps/innovise"
},
{
"id": 29,
"name": "drive-css",
"displayName": "Drive",
"slug": "drive",
"category": "Business",
"screenshot": "drive",
"path": "apps/drive",
"framework": "HTML/CSS",
"rating": 3,
"features": [
"Automotive",
"Business",
"Modern",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Automotive websites",
"tier": 3,
"port": 3055,
"family": "drive",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/drive.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/drive",
"repo": "https://github.com/hanzo-apps/drive"
},
{
"id": 30,
"name": "drive-html",
"displayName": "Drive (HTML)",
"slug": "drive-html",
"category": "Business",
"screenshot": "drive",
"path": "apps/drive",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Automotive",
"Business",
"HTML",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Automotive websites",
"tier": 3,
"port": 3055,
"family": "drive",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/drive.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/drive-html",
"repo": "https://github.com/hanzo-apps/drive-html"
},
{
"id": 31,
"name": "oasis",
"displayName": "Oasis",
"slug": "oasis",
"category": "Hospitality",
"screenshot": "oasis",
"path": "apps/oasis",
"framework": "HTML/CSS",
"rating": 3,
"features": [
"Hospitality",
"Resort",
"Luxury",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Resort/hospitality sites",
"tier": 3,
"port": 3056,
"family": "oasis",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/oasis.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/oasis",
"repo": "https://github.com/hanzo-apps/oasis"
},
{
"id": 32,
"name": "solo",
"displayName": "Solo",
"slug": "solo",
"category": "SaaS",
"screenshot": "solo",
"path": "apps/solo",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"SaaS",
"Landing",
"Simple",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "SaaS landing pages",
"tier": 3,
"port": 3043,
"family": "solo",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/solo.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/solo",
"repo": "https://github.com/hanzo-apps/solo"
},
{
"id": 33,
"name": "prism-html",
"displayName": "Prism (HTML)",
"slug": "prism-html",
"category": "SaaS",
"screenshot": "prism",
"path": "apps/prism",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Modern UI",
"Animations",
"Landing",
"Responsive"
],
"components": "25+ comp",
"easeOfSetup": 3,
"useCase": "Modern SaaS landing",
"tier": 3,
"port": 3046,
"family": "prism",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/prism.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/prism-html",
"repo": "https://github.com/hanzo-apps/prism-html"
},
{
"id": 34,
"name": "forge",
"displayName": "Forge",
"slug": "forge",
"category": "Dashboard",
"screenshot": "forge",
"path": "apps/forge",
"framework": "HTML/Gulp",
"rating": 4,
"features": [
"Dashboard",
"Admin",
"Analytics",
"Responsive"
],
"components": "30+ comp",
"easeOfSetup": 3,
"useCase": "Admin dashboards",
"tier": 2,
"port": 3048,
"family": "forge",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/forge.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/forge",
"repo": "https://github.com/hanzo-apps/forge"
},
{
"id": 35,
"name": "cipher-dashboard-html",
"displayName": "Cipher (HTML)",
"slug": "cipher-html",
"category": "Dashboard",
"screenshot": "cipher-html",
"path": "apps/cipher-html",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Crypto",
"Trading",
"Dashboard",
"Charts"
],
"components": "40+ comp",
"easeOfSetup": 3,
"useCase": "Crypto exchanges",
"tier": 3,
"port": 3045,
"family": "cipher",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/cipher-html.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/cipher-html",
"repo": "https://github.com/hanzo-apps/cipher-html"
},
{
"id": 36,
"name": "beta-html",
"displayName": "Beta",
"slug": "beta",
"category": "Dashboard",
"screenshot": "beta",
"path": "apps/beta",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"CRM",
"Dashboard",
"Business",
"Responsive"
],
"components": "25+ comp",
"easeOfSetup": 3,
"useCase": "CRM dashboards",
"tier": 3,
"port": 3047,
"family": "beta",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/beta.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/beta",
"repo": "https://github.com/hanzo-apps/beta"
},
{
"id": 37,
"name": "beta-variant",
"displayName": "Beta (Variant)",
"slug": "beta-variant",
"category": "Dashboard",
"screenshot": "beta",
"path": "apps/beta",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"CRM",
"Dashboard",
"Business",
"Responsive"
],
"components": "25+ comp",
"easeOfSetup": 3,
"useCase": "CRM dashboards",
"tier": 3,
"port": 3047,
"family": "beta",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/beta.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/beta-variant",
"repo": "https://github.com/hanzo-apps/beta-variant"
},
{
"id": 38,
"name": "hygge-html",
"displayName": "Hygge (HTML)",
"slug": "hygge-html",
"category": "E-commerce",
"screenshot": "hygge",
"path": "apps/hygge",
"framework": "HTML/Gulp",
"rating": 4,
"features": [
"E-commerce",
"Shop",
"Clean",
"Responsive"
],
"components": "30+ comp",
"easeOfSetup": 3,
"useCase": "E-commerce stores",
"tier": 2,
"port": 3049,
"family": "hygge",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/hygge.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/hygge-html",
"repo": "https://github.com/hanzo-apps/hygge-html"
},
{
"id": 39,
"name": "hygge-bootstrap",
"displayName": "Hygge (Bootstrap)",
"slug": "hygge-bootstrap",
"category": "E-commerce",
"screenshot": "hygge",
"path": "apps/hygge",
"framework": "HTML/Gulp + Bootstrap 5",
"rating": 4,
"features": [
"E-commerce",
"Shop",
"Bootstrap",
"Responsive"
],
"components": "30+ comp",
"easeOfSetup": 3,
"useCase": "E-commerce stores",
"tier": 2,
"port": 3049,
"family": "hygge",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/hygge.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/hygge-bootstrap",
"repo": "https://github.com/hanzo-apps/hygge-bootstrap"
},
{
"id": 40,
"name": "soar-html",
"displayName": "Soar (HTML)",
"slug": "soar-html",
"category": "Fitness",
"screenshot": "soar",
"path": "apps/soar",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Fitness",
"Booking",
"Classes",
"Responsive"
],
"components": "30+ comp",
"easeOfSetup": 3,
"useCase": "Fitness/wellness apps",
"tier": 3,
"port": 3100,
"family": "soar",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/soar.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/soar-html",
"repo": "https://github.com/hanzo-apps/soar-html"
},
{
"id": 41,
"name": "loop-html",
"displayName": "Loop (HTML)",
"slug": "loop-html",
"category": "Bento Cards",
"screenshot": "loop",
"path": "apps/loop",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Bento Layout",
"v3",
"HTML",
"Responsive"
],
"components": "30 layouts",
"easeOfSetup": 3,
"useCase": "Bento card layouts v3 HTML",
"tier": 3,
"port": 3090,
"family": "bento-cards",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/loop.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/loop-html",
"repo": "https://github.com/hanzo-apps/loop-html"
},
{
"id": 42,
"name": "cipher-cards-html",
"displayName": "Cipher Cards (HTML)",
"slug": "cipher-cards-html",
"category": "Bento Cards",
"screenshot": "cipher-html",
"path": "apps/cipher-html",
"framework": "HTML/CSS",
"rating": 3,
"features": [
"Bento Layout",
"Crypto",
"HTML",
"Responsive"
],
"components": "30 layouts",
"easeOfSetup": 3,
"useCase": "Crypto bento card layouts",
"tier": 3,
"port": 3091,
"family": "bento-cards",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/cipher-html.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/cipher-cards-html",
"repo": "https://github.com/hanzo-apps/cipher-cards-html"
},
{
"id": 43,
"name": "cipher-cards-react",
"displayName": "Cipher Cards (React)",
"slug": "cipher-cards-react",
"category": "Bento Cards",
"screenshot": "cipher-react",
"path": "apps/cipher-react",
"framework": "React 18",
"rating": 4,
"features": [
"Bento Layout",
"Crypto",
"React",
"Responsive"
],
"components": "30 layouts",
"easeOfSetup": 4,
"useCase": "Crypto bento card layouts",
"tier": 2,
"port": 3092,
"family": "bento-cards",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/cipher-react.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/cipher-cards-react",
"repo": "https://github.com/hanzo-apps/cipher-cards-react"
},
{
"id": 44,
"name": "folio-html",
"displayName": "Folio Main",
"slug": "folio-main",
"category": "Folio Portfolio",
"screenshot": "folio-html",
"path": "apps/Folio - HTML Templates/02-Folio HTML",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Portfolio",
"Multi-layout",
"Creative",
"Responsive"
],
"components": "20+ comp",
"easeOfSetup": 3,
"useCase": "Creative portfolios",
"tier": 3,
"port": 3050,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-html.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-main",
"repo": "https://github.com/hanzo-apps/folio-main"
},
{
"id": 45,
"name": "folio-full",
"displayName": "Folio Full",
"slug": "folio-full",
"category": "Folio Portfolio",
"screenshot": "folio-full",
"path": "apps/Folio - HTML Templates/02-Folio HTML",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Portfolio",
"Full-width",
"Creative",
"Responsive"
],
"components": "20+ comp",
"easeOfSetup": 3,
"useCase": "Creative portfolios",
"tier": 3,
"port": 3050,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-full.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-full",
"repo": "https://github.com/hanzo-apps/folio-full"
},
{
"id": 46,
"name": "folio-main",
"displayName": "Folio Index",
"slug": "folio-index",
"category": "Folio Portfolio",
"screenshot": "folio-main",
"path": "apps/Folio - HTML Templates/02-Folio HTML",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Portfolio",
"Index",
"Hub",
"Responsive"
],
"components": "20+ comp",
"easeOfSetup": 3,
"useCase": "Portfolio hub page",
"tier": 3,
"port": 3050,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-main.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-index",
"repo": "https://github.com/hanzo-apps/folio-index"
},
{
"id": 47,
"name": "folio-about",
"displayName": "Folio About",
"slug": "folio-about",
"category": "Folio Portfolio",
"screenshot": "folio-about",
"path": "apps/Folio - HTML Templates/about",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"About",
"Bio",
"Profile",
"Responsive"
],
"components": "5+ comp",
"easeOfSetup": 3,
"useCase": "About pages",
"tier": 3,
"port": 3060,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-about.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-about",
"repo": "https://github.com/hanzo-apps/folio-about"
},
{
"id": 48,
"name": "folio-contact",
"displayName": "Folio Contact",
"slug": "folio-contact",
"category": "Folio Portfolio",
"screenshot": "folio-contact",
"path": "apps/Folio - HTML Templates/contact",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Contact",
"Form",
"Communication",
"Responsive"
],
"components": "5+ comp",
"easeOfSetup": 3,
"useCase": "Contact pages",
"tier": 3,
"port": 3061,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-contact.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-contact",
"repo": "https://github.com/hanzo-apps/folio-contact"
},
{
"id": 49,
"name": "folio-creative-agency-1",
"displayName": "Folio Creative Agency 1",
"slug": "folio-creative-agency-1",
"category": "Folio Portfolio",
"screenshot": "folio-creative-agency-1",
"path": "apps/Folio - HTML Templates/creative-agency-1",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Agency",
"Creative",
"Modern",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Creative agency portfolios",
"tier": 3,
"port": 3062,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-creative-agency-1.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-creative-agency-1",
"repo": "https://github.com/hanzo-apps/folio-creative-agency-1"
},
{
"id": 50,
"name": "folio-creative-agency-2",
"displayName": "Folio Creative Agency 2",
"slug": "folio-creative-agency-2",
"category": "Folio Portfolio",
"screenshot": "folio-creative-agency-2",
"path": "apps/Folio - HTML Templates/creative-agency-2",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Agency",
"Creative",
"Variant",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Creative agency portfolios",
"tier": 3,
"port": 3063,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-creative-agency-2.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-creative-agency-2",
"repo": "https://github.com/hanzo-apps/folio-creative-agency-2"
},
{
"id": 51,
"name": "folio-creative-designer-1",
"displayName": "Folio Creative Designer 1",
"slug": "folio-creative-designer-1",
"category": "Folio Portfolio",
"screenshot": "folio-creative-designer-1",
"path": "apps/Folio - HTML Templates/creative-designer-1",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Designer",
"Portfolio",
"Creative",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Designer portfolios",
"tier": 3,
"port": 3064,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-creative-designer-1.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-creative-designer-1",
"repo": "https://github.com/hanzo-apps/folio-creative-designer-1"
},
{
"id": 52,
"name": "folio-creative-designer-2",
"displayName": "Folio Creative Designer 2",
"slug": "folio-creative-designer-2",
"category": "Folio Portfolio",
"screenshot": "folio-creative-designer-2",
"path": "apps/Folio - HTML Templates/creative-designer-2",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Designer",
"Portfolio",
"Variant",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Designer portfolios",
"tier": 3,
"port": 3065,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-creative-designer-2.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-creative-designer-2",
"repo": "https://github.com/hanzo-apps/folio-creative-designer-2"
},
{
"id": 53,
"name": "folio-creative-developer-1",
"displayName": "Folio Creative Developer 1",
"slug": "folio-creative-developer-1",
"category": "Folio Portfolio",
"screenshot": "folio-creative-developer-1",
"path": "apps/Folio - HTML Templates/creative-developer-1",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Developer",
"Portfolio",
"Tech",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Developer portfolios",
"tier": 3,
"port": 3066,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-creative-developer-1.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-creative-developer-1",
"repo": "https://github.com/hanzo-apps/folio-creative-developer-1"
},
{
"id": 54,
"name": "folio-creative-developer-2",
"displayName": "Folio Creative Developer 2",
"slug": "folio-creative-developer-2",
"category": "Folio Portfolio",
"screenshot": "folio-creative-developer-2",
"path": "apps/Folio - HTML Templates/creative-developer-2",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Developer",
"Portfolio",
"Variant",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Developer portfolios",
"tier": 3,
"port": 3067,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-creative-developer-2.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-creative-developer-2",
"repo": "https://github.com/hanzo-apps/folio-creative-developer-2"
},
{
"id": 55,
"name": "folio-creative-photography-1",
"displayName": "Folio Photography 1",
"slug": "folio-photography-1",
"category": "Folio Portfolio",
"screenshot": "folio-creative-photography-1",
"path": "apps/Folio - HTML Templates/creative-photography-1",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Photography",
"Gallery",
"Creative",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Photography portfolios",
"tier": 3,
"port": 3068,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-creative-photography-1.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-photography-1",
"repo": "https://github.com/hanzo-apps/folio-photography-1"
},
{
"id": 56,
"name": "folio-creative-photography-2",
"displayName": "Folio Photography 2",
"slug": "folio-photography-2",
"category": "Folio Portfolio",
"screenshot": "folio-creative-photography-2",
"path": "apps/Folio - HTML Templates/creative-photography-2",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Photography",
"Gallery",
"Variant",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Photography portfolios",
"tier": 3,
"port": 3069,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-creative-photography-2.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-photography-2",
"repo": "https://github.com/hanzo-apps/folio-photography-2"
},
{
"id": 57,
"name": "folio-grid-2",
"displayName": "Folio Grid 2 Columns",
"slug": "folio-grid-2-columns",
"category": "Folio Portfolio",
"screenshot": "folio-grid-2",
"path": "apps/Folio - HTML Templates/grid-2",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Grid",
"2 Columns",
"Layout",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "2-column portfolio grids",
"tier": 3,
"port": 3070,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-grid-2.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-grid-2-columns",
"repo": "https://github.com/hanzo-apps/folio-grid-2-columns"
},
{
"id": 58,
"name": "folio-grid-3",
"displayName": "Folio Grid 3 Columns",
"slug": "folio-grid-3-columns",
"category": "Folio Portfolio",
"screenshot": "folio-grid-3",
"path": "apps/Folio - HTML Templates/grid-3",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Grid",
"3 Columns",
"Layout",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "3-column portfolio grids",
"tier": 3,
"port": 3071,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-grid-3.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-grid-3-columns",
"repo": "https://github.com/hanzo-apps/folio-grid-3-columns"
},
{
"id": 59,
"name": "folio-grid-3-fluid",
"displayName": "Folio Grid 3 Fluid",
"slug": "folio-grid-3-fluid",
"category": "Folio Portfolio",
"screenshot": "folio-grid-3-fluid",
"path": "apps/Folio - HTML Templates/grid-3-fluid",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Grid",
"Fluid",
"Responsive",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "Fluid 3-column grids",
"tier": 3,
"port": 3072,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-grid-3-fluid.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-grid-3-fluid",
"repo": "https://github.com/hanzo-apps/folio-grid-3-fluid"
},
{
"id": 60,
"name": "folio-grid-4",
"displayName": "Folio Grid 4 Columns",
"slug": "folio-grid-4-columns",
"category": "Folio Portfolio",
"screenshot": "folio-grid-4",
"path": "apps/Folio - HTML Templates/grid-4",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Grid",
"4 Columns",
"Layout",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "4-column portfolio grids",
"tier": 3,
"port": 3073,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-grid-4.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-grid-4-columns",
"repo": "https://github.com/hanzo-apps/folio-grid-4-columns"
},
{
"id": 61,
"name": "folio-grid-4-fluid",
"displayName": "Folio Grid 4 Fluid",
"slug": "folio-grid-4-fluid",
"category": "Folio Portfolio",
"screenshot": "folio-grid-4-fluid",
"path": "apps/Folio - HTML Templates/grid-4-fluid",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Grid",
"Fluid",
"Responsive",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "Fluid 4-column grids",
"tier": 3,
"port": 3074,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-grid-4-fluid.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-grid-4-fluid",
"repo": "https://github.com/hanzo-apps/folio-grid-4-fluid"
},
{
"id": 62,
"name": "folio-masonry-2",
"displayName": "Folio Masonry 2 Columns",
"slug": "folio-masonry-2-columns",
"category": "Folio Portfolio",
"screenshot": "folio-masonry-2",
"path": "apps/Folio - HTML Templates/masonry-2",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Masonry",
"2 Columns",
"Layout",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "2-column masonry layouts",
"tier": 3,
"port": 3075,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-masonry-2.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-masonry-2-columns",
"repo": "https://github.com/hanzo-apps/folio-masonry-2-columns"
},
{
"id": 63,
"name": "folio-masonry-3",
"displayName": "Folio Masonry 3 Columns",
"slug": "folio-masonry-3-columns",
"category": "Folio Portfolio",
"screenshot": "folio-masonry-3",
"path": "apps/Folio - HTML Templates/masonry-3",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Masonry",
"3 Columns",
"Layout",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "3-column masonry layouts",
"tier": 3,
"port": 3076,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-masonry-3.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-masonry-3-columns",
"repo": "https://github.com/hanzo-apps/folio-masonry-3-columns"
},
{
"id": 64,
"name": "folio-masonry-3-fluid",
"displayName": "Folio Masonry 3 Fluid",
"slug": "folio-masonry-3-fluid",
"category": "Folio Portfolio",
"screenshot": "folio-masonry-3-fluid",
"path": "apps/Folio - HTML Templates/masonry-3-fluid",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Masonry",
"Fluid",
"Responsive",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "Fluid 3-column masonry",
"tier": 3,
"port": 3077,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-masonry-3-fluid.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-masonry-3-fluid",
"repo": "https://github.com/hanzo-apps/folio-masonry-3-fluid"
},
{
"id": 65,
"name": "folio-masonry-4",
"displayName": "Folio Masonry 4 Columns",
"slug": "folio-masonry-4-columns",
"category": "Folio Portfolio",
"screenshot": "folio-masonry-4",
"path": "apps/Folio - HTML Templates/masonry-4",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Masonry",
"4 Columns",
"Layout",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "4-column masonry layouts",
"tier": 3,
"port": 3078,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-masonry-4.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-masonry-4-columns",
"repo": "https://github.com/hanzo-apps/folio-masonry-4-columns"
},
{
"id": 66,
"name": "folio-masonry-4-fluid",
"displayName": "Folio Masonry 4 Fluid",
"slug": "folio-masonry-4-fluid",
"category": "Folio Portfolio",
"screenshot": "folio-masonry-4-fluid",
"path": "apps/Folio - HTML Templates/masonry-4-fluid",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Masonry",
"Fluid",
"Responsive",
"Responsive"
],
"components": "10+ comp",
"easeOfSetup": 3,
"useCase": "Fluid 4-column masonry",
"tier": 3,
"port": 3079,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-masonry-4-fluid.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-masonry-4-fluid",
"repo": "https://github.com/hanzo-apps/folio-masonry-4-fluid"
},
{
"id": 67,
"name": "folio-portfolio-details",
"displayName": "Folio Details 1",
"slug": "folio-details-1",
"category": "Folio Portfolio",
"screenshot": "folio-portfolio-details",
"path": "apps/Folio - HTML Templates/portfolio-details",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Details",
"Project",
"Showcase",
"Responsive"
],
"components": "8+ comp",
"easeOfSetup": 3,
"useCase": "Portfolio detail pages",
"tier": 3,
"port": 3080,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-portfolio-details.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-details-1",
"repo": "https://github.com/hanzo-apps/folio-details-1"
},
{
"id": 68,
"name": "folio-portfolio-details-2",
"displayName": "Folio Details 2",
"slug": "folio-details-2",
"category": "Folio Portfolio",
"screenshot": "folio-portfolio-details-2",
"path": "apps/Folio - HTML Templates/portfolio-details-2",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Details",
"Project",
"Variant",
"Responsive"
],
"components": "8+ comp",
"easeOfSetup": 3,
"useCase": "Portfolio detail pages",
"tier": 3,
"port": 3081,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-portfolio-details-2.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-details-2",
"repo": "https://github.com/hanzo-apps/folio-details-2"
},
{
"id": 69,
"name": "folio-portfolio-details-3",
"displayName": "Folio Details 3",
"slug": "folio-details-3",
"category": "Folio Portfolio",
"screenshot": "folio-portfolio-details-3",
"path": "apps/Folio - HTML Templates/portfolio-details-3",
"framework": "HTML/Gulp",
"rating": 3,
"features": [
"Details",
"Project",
"Alt Variant",
"Responsive"
],
"components": "8+ comp",
"easeOfSetup": 3,
"useCase": "Portfolio detail pages",
"tier": 3,
"port": 3082,
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/folio-portfolio-details-3.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/folio-details-3",
"repo": "https://github.com/hanzo-apps/folio-details-3"
},
{
"id": 71,
"name": "jobfinder",
"displayName": "Job Finder",
"slug": "jobfinder",
"category": "Mobile App",
"screenshot": "jobfinder",
"path": "apps/jobfinder",
"framework": "React Native",
"rating": 4,
"features": [
"Jobs",
"Search",
"Mobile",
"React Native"
],
"components": "20+ comp",
"easeOfSetup": 3,
"useCase": "Job search mobile apps",
"tier": 2,
"port": 3102,
"family": "jobfinder",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/jobfinder.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/jobfinder",
"repo": "https://github.com/hanzo-apps/jobfinder"
},
{
"id": 72,
"name": "pixel",
"displayName": "Pixel",
"slug": "pixel",
"category": "Portfolio",
"screenshot": "pixel",
"path": "apps/pixel",
"framework": "HTML/CSS/JS",
"rating": 3,
"features": [
"Studio",
"Creative",
"Modern",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Creative studio sites",
"tier": 3,
"port": 3103,
"family": "pixel",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/pixel.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/pixel",
"repo": "https://github.com/hanzo-apps/pixel"
},
{
"id": 73,
"name": "saas-landing-next",
"displayName": "SaaS Landing",
"slug": "saas-landing",
"category": "SaaS",
"screenshot": "saas-landing",
"path": "apps/saas-landing",
"framework": "Next.js 14.2",
"rating": 4,
"features": [
"Landing",
"Pricing",
"Features",
"Responsive"
],
"components": "20+ comp",
"easeOfSetup": 4,
"useCase": "SaaS landing pages",
"tier": 2,
"port": 3104,
"family": "saas-landing",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/saas-landing.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/saas-landing",
"repo": "https://github.com/hanzo-apps/saas-landing"
},
{
"id": 75,
"name": "serif",
"displayName": "Serif",
"slug": "serif",
"category": "Portfolio",
"screenshot": "serif",
"path": "apps/serif",
"framework": "HTML/Sass",
"rating": 3,
"features": [
"Sass",
"Template",
"Build System",
"Responsive"
],
"components": "15+ comp",
"easeOfSetup": 3,
"useCase": "Portfolio/agency sites",
"tier": 3,
"port": 3106,
"family": "serif",
"screenshotUrl": "https://gallery.hanzo.ai/screenshots/serif.png",
"hasScreenshot": true,
"templateUrl": "https://gallery.hanzo.ai/templates/serif",
"repo": "https://github.com/hanzo-apps/serif"
}
]
}