mirror of
https://github.com/hanzo-templates/gallery.git
synced 2026-10-30 20:00:04 +00:00
1265 lines
33 KiB
Plaintext
1265 lines
33 KiB
Plaintext
export interface Template {
|
|
id: number;
|
|
name: string;
|
|
displayName: string;
|
|
category: string;
|
|
screenshot: string;
|
|
path: string;
|
|
framework: string;
|
|
rating: number;
|
|
features: string[];
|
|
components: string;
|
|
easeOfSetup: number;
|
|
useCase: string;
|
|
tier: number;
|
|
description?: string;
|
|
updatedDate?: string;
|
|
port?: number;
|
|
}
|
|
|
|
// Port mapping for live previews
|
|
export const TEMPLATE_PORTS: Record<string, number> = {
|
|
// Tier 1 - Next.js templates (3000-3020)
|
|
'brainwave-update-May2024': 3001,
|
|
'simple-social-code': 3002,
|
|
'bruddle': 3003,
|
|
'kael-donovan': 3004,
|
|
'fusion-v2-saas-nft': 3005,
|
|
'streamline-shadcn': 3008,
|
|
'fofood-store': 3009,
|
|
'flowmint-portfolio': 3010,
|
|
|
|
// Tier 2 - React/Next.js (3021-3040)
|
|
'xora-react': 3021,
|
|
'fitnesspro-react': 3024,
|
|
'bitcloud-react': 3025,
|
|
'teaser-saas-landing': 3026,
|
|
'garuda': 3027,
|
|
'code-app': 3028,
|
|
'code-landing': 3029,
|
|
'bento-3': 3030,
|
|
'bento-3-2': 3031,
|
|
|
|
// Bento Cards - Next.js (3006-3007, 3022-3023)
|
|
'bento-v2-ai-react': 3006,
|
|
'bento-v1-multipurpose-react': 3007,
|
|
'bento-v2-ai': 3022,
|
|
'bento-v1-multipurpose': 3023,
|
|
|
|
// Tier 3 - HTML/Gulp (3041-3080)
|
|
'rebel-main': 3041,
|
|
'webCanvas': 3042,
|
|
'solo-saas': 3043,
|
|
'arch': 3044,
|
|
'bitcloud-main': 3045,
|
|
'xora-html': 3046,
|
|
'betacrm-html': 3047,
|
|
'betacrm-duplicate': 3047,
|
|
'square-dashboard': 3048,
|
|
'hygge-html': 3049,
|
|
'hygge-bootstrap': 3049,
|
|
'kalli-html': 3053,
|
|
'innovise': 3054,
|
|
'carsova': 3055,
|
|
'carsova-html-final': 3055,
|
|
'hidden-oasis-html-final': 3056,
|
|
'digiversestudio': 3057,
|
|
'consca-file-resources': 3058,
|
|
'restoq-file-resources': 3059,
|
|
|
|
// Folio variants (3050-3052, 3060-3075)
|
|
'folio-html': 3050,
|
|
'folio-full': 3050,
|
|
'folio-main': 3050,
|
|
'folio-about': 3060,
|
|
'folio-contact': 3061,
|
|
'folio-creative-agency-1': 3062,
|
|
'folio-creative-agency-2': 3063,
|
|
'folio-creative-designer-1': 3064,
|
|
'folio-creative-designer-2': 3065,
|
|
'folio-creative-developer-1': 3066,
|
|
'folio-creative-developer-2': 3067,
|
|
'folio-creative-photography-1': 3068,
|
|
'folio-creative-photography-2': 3069,
|
|
'folio-grid-2': 3070,
|
|
'folio-grid-3': 3071,
|
|
'folio-grid-3-fluid': 3072,
|
|
'folio-grid-4': 3073,
|
|
'folio-grid-4-fluid': 3074,
|
|
'folio-masonry-2': 3075,
|
|
'folio-masonry-3': 3076,
|
|
'folio-masonry-3-fluid': 3077,
|
|
'folio-masonry-4': 3078,
|
|
'folio-masonry-4-fluid': 3079,
|
|
'folio-portfolio-details': 3080,
|
|
'folio-portfolio-details-2': 3081,
|
|
'folio-portfolio-details-3': 3082,
|
|
|
|
// Bento Cards HTML variants (3090-3095)
|
|
'bento-v3-html-final': 3090,
|
|
'bento-v4-html': 3091,
|
|
'bento-v4-react': 3092,
|
|
|
|
// Additional (3100+)
|
|
'fitnesspro': 3100,
|
|
'zuzu-next-app': 3101,
|
|
};
|
|
|
|
export const templates: Template[] = [
|
|
// === TIER 1 - Excellent (Next.js 14+, TypeScript, Modern React) ===
|
|
|
|
{
|
|
id: 1,
|
|
name: 'brainwave-update-May2024',
|
|
displayName: 'Brainwave',
|
|
category: 'AI/SaaS',
|
|
screenshot: 'brainwave-update-May2024',
|
|
path: 'brainwave-update-May2024',
|
|
framework: 'Next.js 14.2 + TS',
|
|
rating: 5,
|
|
features: ['AI Chat', 'Audio/Video', 'Photo Edit', 'Pricing'],
|
|
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,
|
|
},
|
|
{
|
|
id: 2,
|
|
name: 'simple-social-code',
|
|
displayName: 'Simple Social',
|
|
category: 'Social Media',
|
|
screenshot: 'simple-social-code',
|
|
path: 'simple-social-code_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh',
|
|
framework: 'Next.js 14.2 + TS',
|
|
rating: 5,
|
|
features: ['Posts', 'Messages', 'Profiles', 'Notifications'],
|
|
components: '40+ comp',
|
|
easeOfSetup: 5,
|
|
useCase: 'Social media platforms',
|
|
tier: 1,
|
|
port: 3002,
|
|
},
|
|
{
|
|
id: 3,
|
|
name: 'bruddle',
|
|
displayName: 'Bruddle Dashboard',
|
|
category: 'Dashboard',
|
|
screenshot: 'bruddle',
|
|
path: 'bruddle',
|
|
framework: 'Next.js 13.3 + TS',
|
|
rating: 5,
|
|
features: ['Analytics', 'CRM', 'Finance', 'Projects'],
|
|
components: '60+ comp',
|
|
easeOfSetup: 5,
|
|
useCase: 'Admin dashboards',
|
|
tier: 1,
|
|
port: 3003,
|
|
},
|
|
{
|
|
id: 4,
|
|
name: 'kael-donovan',
|
|
displayName: 'Kael Donovan',
|
|
category: 'Portfolio',
|
|
screenshot: 'kael-donovan',
|
|
path: 'kael-donovan_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh/kael-donovan',
|
|
framework: 'Next.js 14.2 + TS',
|
|
rating: 5,
|
|
features: ['GSAP', 'Smooth Scroll', 'Portfolio'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 5,
|
|
useCase: 'Creative portfolios',
|
|
tier: 1,
|
|
port: 3004,
|
|
},
|
|
{
|
|
id: 5,
|
|
name: 'fusion-v2-saas-nft',
|
|
displayName: 'Fusion SaaS/NFT',
|
|
category: 'SaaS',
|
|
screenshot: 'fusion-v2-saas-nft',
|
|
path: 'fusion-v2-saas-nft-template_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh/Fusion V2 - SaaS NFT Template',
|
|
framework: 'Next.js 14.1',
|
|
rating: 5,
|
|
features: ['Framer Motion', 'Landing', 'Modern'],
|
|
components: '20+ comp',
|
|
easeOfSetup: 5,
|
|
useCase: 'SaaS landing pages',
|
|
tier: 1,
|
|
port: 3005,
|
|
},
|
|
{
|
|
id: 6,
|
|
name: 'streamline-shadcn',
|
|
displayName: 'Streamline shadcn',
|
|
category: 'Component Library',
|
|
screenshot: 'streamline-shadcn',
|
|
path: 'streamline-shadcnblocks_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh/streamline-nextjs-template-1.1.0',
|
|
framework: 'Next.js 14 + shadcn',
|
|
rating: 5,
|
|
features: ['shadcn/ui', 'Blocks', 'Components'],
|
|
components: '100+ blocks',
|
|
easeOfSetup: 5,
|
|
useCase: 'shadcn component library',
|
|
tier: 1,
|
|
port: 3008,
|
|
},
|
|
{
|
|
id: 7,
|
|
name: 'fofood-store',
|
|
displayName: 'FoFood Store',
|
|
category: 'E-commerce',
|
|
screenshot: 'fofood-store',
|
|
path: 'fofood-store-main',
|
|
framework: 'Next.js 14.2 + TS',
|
|
rating: 5,
|
|
features: ['Food', 'Delivery', 'Orders'],
|
|
components: '30+ comp',
|
|
easeOfSetup: 5,
|
|
useCase: 'Food delivery apps',
|
|
tier: 1,
|
|
port: 3009,
|
|
},
|
|
{
|
|
id: 8,
|
|
name: 'flowmint-portfolio',
|
|
displayName: 'Flowmint Portfolio',
|
|
category: 'Portfolio',
|
|
screenshot: 'flowmint-portfolio',
|
|
path: 'flowmint-portfolio-coded-template_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh',
|
|
framework: 'Next.js 14 + TS',
|
|
rating: 5,
|
|
features: ['Portfolio', 'Creative', 'Modern'],
|
|
components: '20+ comp',
|
|
easeOfSetup: 5,
|
|
useCase: 'Creative portfolios',
|
|
tier: 1,
|
|
port: 3010,
|
|
},
|
|
|
|
// === BENTO CARDS - Tier 1 (Next.js/React) ===
|
|
|
|
{
|
|
id: 9,
|
|
name: 'bento-v2-ai-react',
|
|
displayName: 'Bento Cards v2 AI (Next.js)',
|
|
category: 'Bento Cards',
|
|
screenshot: 'bento-v2-ai-react',
|
|
path: 'Bento Cards v2_AI/react',
|
|
framework: 'Next.js 14.2 + TS',
|
|
rating: 5,
|
|
features: ['Bento Layout', 'AI Theme', 'Next.js'],
|
|
components: '30 layouts',
|
|
easeOfSetup: 5,
|
|
useCase: 'AI-focused bento card layouts',
|
|
tier: 1,
|
|
port: 3006,
|
|
},
|
|
{
|
|
id: 10,
|
|
name: 'bento-v1-multipurpose-react',
|
|
displayName: 'Bento Cards v1 Multipurpose (Next.js)',
|
|
category: 'Bento Cards',
|
|
screenshot: 'bento-v1-multipurpose-react',
|
|
path: 'Bento Cards v1 - Multipurpose/react',
|
|
framework: 'Next.js 14.2 + TS',
|
|
rating: 5,
|
|
features: ['Bento Layout', 'Multipurpose', 'Next.js'],
|
|
components: '30 layouts',
|
|
easeOfSetup: 5,
|
|
useCase: 'General purpose bento card layouts',
|
|
tier: 1,
|
|
port: 3007,
|
|
},
|
|
|
|
// === TIER 2 - Very Good (React 18, Next.js 13, Modern) ===
|
|
|
|
{
|
|
id: 11,
|
|
name: 'xora-react',
|
|
displayName: 'Xora (React)',
|
|
category: 'SaaS',
|
|
screenshot: 'xora-react',
|
|
path: 'xora-react_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh',
|
|
framework: 'React 18 + Vite',
|
|
rating: 4,
|
|
features: ['Modern UI', 'Animations', 'Landing'],
|
|
components: '25+ comp',
|
|
easeOfSetup: 4,
|
|
useCase: 'Modern SaaS landing',
|
|
tier: 2,
|
|
port: 3021,
|
|
},
|
|
{
|
|
id: 12,
|
|
name: 'bento-v2-ai',
|
|
displayName: 'Bento Cards v2 AI (React)',
|
|
category: 'Bento Cards',
|
|
screenshot: 'bento-v2-ai',
|
|
path: 'Bento Cards v2_AI',
|
|
framework: 'React 18',
|
|
rating: 4,
|
|
features: ['Bento Layout', 'AI Theme', 'React'],
|
|
components: '30 layouts',
|
|
easeOfSetup: 4,
|
|
useCase: 'AI-focused bento card layouts',
|
|
tier: 2,
|
|
port: 3022,
|
|
},
|
|
{
|
|
id: 13,
|
|
name: 'bento-v1-multipurpose',
|
|
displayName: 'Bento Cards v1 Multipurpose (React)',
|
|
category: 'Bento Cards',
|
|
screenshot: 'bento-v1-multipurpose',
|
|
path: 'Bento Cards v1 - Multipurpose',
|
|
framework: 'React 18 + CRA',
|
|
rating: 4,
|
|
features: ['Bento Layout', 'Multipurpose', 'React'],
|
|
components: '30 layouts',
|
|
easeOfSetup: 4,
|
|
useCase: 'General purpose bento card layouts',
|
|
tier: 2,
|
|
port: 3023,
|
|
},
|
|
{
|
|
id: 14,
|
|
name: 'fitnesspro-react',
|
|
displayName: 'FitnessPro (React)',
|
|
category: 'Fitness',
|
|
screenshot: 'fitnesspro-react',
|
|
path: 'FitnessPro/react',
|
|
framework: 'React 18 + CRA',
|
|
rating: 4,
|
|
features: ['Fitness', 'Booking', 'Classes'],
|
|
components: '30+ comp',
|
|
easeOfSetup: 4,
|
|
useCase: 'Fitness/wellness apps',
|
|
tier: 2,
|
|
port: 3024,
|
|
},
|
|
{
|
|
id: 15,
|
|
name: 'bitcloud-react',
|
|
displayName: 'Bitcloud (React)',
|
|
category: 'Dashboard',
|
|
screenshot: 'bitcloud-react',
|
|
path: 'bitcloud-react',
|
|
framework: 'React 17',
|
|
rating: 4,
|
|
features: ['Crypto', 'Trading', 'Dashboard'],
|
|
components: '40+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Crypto exchanges',
|
|
tier: 2,
|
|
port: 3025,
|
|
},
|
|
{
|
|
id: 16,
|
|
name: 'teaser-saas-landing',
|
|
displayName: 'Teaser SaaS Landing',
|
|
category: 'SaaS',
|
|
screenshot: 'teaser-saas-landing',
|
|
path: 'teaser-saas-landing-page_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh',
|
|
framework: 'Next.js 13',
|
|
rating: 4,
|
|
features: ['Landing', 'SaaS', 'Modern'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 4,
|
|
useCase: 'SaaS landing pages',
|
|
tier: 2,
|
|
port: 3026,
|
|
},
|
|
{
|
|
id: 17,
|
|
name: 'garuda',
|
|
displayName: 'Garuda',
|
|
category: 'SaaS',
|
|
screenshot: 'garuda',
|
|
path: 'Garuda',
|
|
framework: 'Next.js 13',
|
|
rating: 4,
|
|
features: ['SaaS', 'Landing', 'Clean'],
|
|
components: '20+ comp',
|
|
easeOfSetup: 4,
|
|
useCase: 'SaaS landing pages',
|
|
tier: 2,
|
|
port: 3027,
|
|
},
|
|
{
|
|
id: 18,
|
|
name: 'code-app',
|
|
displayName: 'Code App Landing',
|
|
category: 'Landing',
|
|
screenshot: 'code-app',
|
|
path: 'Code/app',
|
|
framework: 'Next.js 14',
|
|
rating: 4,
|
|
features: ['App', 'Landing', 'Modern'],
|
|
components: '25+ comp',
|
|
easeOfSetup: 4,
|
|
useCase: 'App landing pages',
|
|
tier: 2,
|
|
port: 3028,
|
|
},
|
|
{
|
|
id: 19,
|
|
name: 'code-landing',
|
|
displayName: 'Code Marketing Landing',
|
|
category: 'Landing',
|
|
screenshot: 'code-landing',
|
|
path: 'Code/landing',
|
|
framework: 'Next.js 14',
|
|
rating: 4,
|
|
features: ['Landing', 'Marketing', 'Modern'],
|
|
components: '25+ comp',
|
|
easeOfSetup: 4,
|
|
useCase: 'Marketing landing pages',
|
|
tier: 2,
|
|
port: 3029,
|
|
},
|
|
{
|
|
id: 20,
|
|
name: 'bento-3',
|
|
displayName: 'Bento Cards v3',
|
|
category: 'Bento Cards',
|
|
screenshot: 'bento-3',
|
|
path: 'bento-3',
|
|
framework: 'React 18',
|
|
rating: 4,
|
|
features: ['Bento Layout', 'v3', 'React'],
|
|
components: '30 layouts',
|
|
easeOfSetup: 4,
|
|
useCase: 'Bento card layouts v3',
|
|
tier: 2,
|
|
port: 3030,
|
|
},
|
|
{
|
|
id: 21,
|
|
name: 'bento-3-2',
|
|
displayName: 'Bento Cards v3 (Alt)',
|
|
category: 'Bento Cards',
|
|
screenshot: 'bento-3-2',
|
|
path: 'bento-3 2',
|
|
framework: 'React 18',
|
|
rating: 4,
|
|
features: ['Bento Layout', 'v3', 'Variant'],
|
|
components: '30 layouts',
|
|
easeOfSetup: 4,
|
|
useCase: 'Bento card layouts v3 alternative',
|
|
tier: 2,
|
|
port: 3031,
|
|
},
|
|
{
|
|
id: 22,
|
|
name: 'zuzu-next-app',
|
|
displayName: 'Zuzu App',
|
|
category: 'App',
|
|
screenshot: 'zuzu-next-app',
|
|
path: 'zuzu-next-app',
|
|
framework: 'Next.js 14 + TS',
|
|
rating: 4,
|
|
features: ['App', 'Modern', 'Full Stack'],
|
|
components: '30+ comp',
|
|
easeOfSetup: 4,
|
|
useCase: 'Full-stack applications',
|
|
tier: 2,
|
|
port: 3101,
|
|
},
|
|
|
|
// === TIER 3 - Good (HTML/Gulp, older frameworks) ===
|
|
|
|
// Portfolio/Agency Templates
|
|
{
|
|
id: 23,
|
|
name: 'rebel-main',
|
|
displayName: 'Rebel',
|
|
category: 'Portfolio',
|
|
screenshot: 'rebel-main',
|
|
path: 'rebel-main',
|
|
framework: 'HTML/SCSS + GSAP',
|
|
rating: 3,
|
|
features: ['GSAP', 'Portfolio', 'Agency'],
|
|
components: '20+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Creative agencies',
|
|
tier: 3,
|
|
port: 3041,
|
|
},
|
|
{
|
|
id: 24,
|
|
name: 'webCanvas',
|
|
displayName: 'WebCanvas',
|
|
category: 'Portfolio',
|
|
screenshot: 'webCanvas',
|
|
path: 'webCanvas',
|
|
framework: 'HTML/SCSS + GSAP',
|
|
rating: 3,
|
|
features: ['Portfolio', 'GSAP', 'Studio'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Design studios',
|
|
tier: 3,
|
|
port: 3042,
|
|
},
|
|
{
|
|
id: 25,
|
|
name: 'arch',
|
|
displayName: 'Arch',
|
|
category: 'Portfolio',
|
|
screenshot: 'arch',
|
|
path: 'arch',
|
|
framework: 'HTML/CSS/JS',
|
|
rating: 3,
|
|
features: ['Architecture', 'Portfolio', 'Clean'],
|
|
components: '12+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Architecture portfolios',
|
|
tier: 3,
|
|
port: 3044,
|
|
},
|
|
{
|
|
id: 26,
|
|
name: 'digiversestudio',
|
|
displayName: 'Digiverse Studio',
|
|
category: 'Portfolio',
|
|
screenshot: 'digiversestudio',
|
|
path: 'digiversestudio_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh',
|
|
framework: 'HTML/CSS/JS',
|
|
rating: 3,
|
|
features: ['Agency', 'Portfolio', 'Digital'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Digital agencies',
|
|
tier: 3,
|
|
port: 3057,
|
|
},
|
|
{
|
|
id: 27,
|
|
name: 'kalli-html',
|
|
displayName: 'Kalli',
|
|
category: 'Portfolio',
|
|
screenshot: 'kalli-html',
|
|
path: 'kalli-html-11_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Portfolio', 'Creative', 'Modern'],
|
|
components: '18+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Creative portfolios',
|
|
tier: 3,
|
|
port: 3053,
|
|
},
|
|
|
|
// Business/Agency Templates
|
|
{
|
|
id: 28,
|
|
name: 'innovise',
|
|
displayName: 'Innovise',
|
|
category: 'Business',
|
|
screenshot: 'innovise',
|
|
path: 'Innovise',
|
|
framework: 'HTML/CSS',
|
|
rating: 3,
|
|
features: ['Agency', 'Business', 'Modern'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Agency websites',
|
|
tier: 3,
|
|
port: 3054,
|
|
},
|
|
{
|
|
id: 29,
|
|
name: 'carsova',
|
|
displayName: 'Carsova',
|
|
category: 'Business',
|
|
screenshot: 'carsova',
|
|
path: 'carsova',
|
|
framework: 'HTML/CSS',
|
|
rating: 3,
|
|
features: ['Automotive', 'Business', 'Modern'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Automotive websites',
|
|
tier: 3,
|
|
port: 3055,
|
|
},
|
|
{
|
|
id: 30,
|
|
name: 'carsova-html-final',
|
|
displayName: 'Carsova HTML',
|
|
category: 'Business',
|
|
screenshot: 'carsova-html-final',
|
|
path: 'carsova',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Automotive', 'Business', 'HTML'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Automotive websites',
|
|
tier: 3,
|
|
port: 3055,
|
|
},
|
|
{
|
|
id: 31,
|
|
name: 'hidden-oasis-html-final',
|
|
displayName: 'Hidden Oasis',
|
|
category: 'Hospitality',
|
|
screenshot: 'hidden-oasis-html-final',
|
|
path: 'hidden-oasis',
|
|
framework: 'HTML/CSS',
|
|
rating: 3,
|
|
features: ['Hospitality', 'Resort', 'Luxury'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Resort/hospitality sites',
|
|
tier: 3,
|
|
port: 3056,
|
|
},
|
|
|
|
// SaaS/Landing Templates
|
|
{
|
|
id: 32,
|
|
name: 'solo-saas',
|
|
displayName: 'Solo SaaS',
|
|
category: 'SaaS',
|
|
screenshot: 'solo-saas',
|
|
path: 'solo-saas-html/html',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['SaaS', 'Landing', 'Simple'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'SaaS landing pages',
|
|
tier: 3,
|
|
port: 3043,
|
|
},
|
|
{
|
|
id: 33,
|
|
name: 'xora-html',
|
|
displayName: 'Xora (HTML)',
|
|
category: 'SaaS',
|
|
screenshot: 'xora-html',
|
|
path: 'xora-html_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Modern UI', 'Animations', 'Landing'],
|
|
components: '25+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Modern SaaS landing',
|
|
tier: 3,
|
|
port: 3046,
|
|
},
|
|
|
|
// Dashboard Templates
|
|
{
|
|
id: 34,
|
|
name: 'square-dashboard',
|
|
displayName: 'Square Dashboard',
|
|
category: 'Dashboard',
|
|
screenshot: 'square-dashboard',
|
|
path: 'square-dashboard-html',
|
|
framework: 'HTML/Gulp',
|
|
rating: 4,
|
|
features: ['Dashboard', 'Admin', 'Analytics'],
|
|
components: '30+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Admin dashboards',
|
|
tier: 2,
|
|
port: 3048,
|
|
},
|
|
{
|
|
id: 35,
|
|
name: 'bitcloud-main',
|
|
displayName: 'Bitcloud (HTML)',
|
|
category: 'Dashboard',
|
|
screenshot: 'bitcloud-main',
|
|
path: 'bitcloud-main',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Crypto', 'Trading', 'Dashboard'],
|
|
components: '40+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Crypto exchanges',
|
|
tier: 3,
|
|
port: 3045,
|
|
},
|
|
{
|
|
id: 36,
|
|
name: 'betacrm-html',
|
|
displayName: 'Beta CRM',
|
|
category: 'Dashboard',
|
|
screenshot: 'betacrm-html',
|
|
path: 'betacrm-html-demo_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh (1)',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['CRM', 'Dashboard', 'Business'],
|
|
components: '25+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'CRM dashboards',
|
|
tier: 3,
|
|
port: 3047,
|
|
},
|
|
{
|
|
id: 37,
|
|
name: 'betacrm-duplicate',
|
|
displayName: 'Beta CRM (Duplicate)',
|
|
category: 'Dashboard',
|
|
screenshot: 'betacrm-duplicate',
|
|
path: 'betacrm-html-demo_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh (1)',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['CRM', 'Dashboard', 'Business'],
|
|
components: '25+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'CRM dashboards',
|
|
tier: 3,
|
|
port: 3047,
|
|
},
|
|
|
|
// E-commerce Templates
|
|
{
|
|
id: 38,
|
|
name: 'hygge-html',
|
|
displayName: 'Hygge E-commerce (HTML)',
|
|
category: 'E-commerce',
|
|
screenshot: 'hygge-html',
|
|
path: 'hygge-ecommerce-code/html+css(gulp4)',
|
|
framework: 'HTML/Gulp',
|
|
rating: 4,
|
|
features: ['E-commerce', 'Shop', 'Clean'],
|
|
components: '30+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'E-commerce stores',
|
|
tier: 2,
|
|
port: 3049,
|
|
},
|
|
{
|
|
id: 39,
|
|
name: 'hygge-bootstrap',
|
|
displayName: 'Hygge E-commerce (Bootstrap)',
|
|
category: 'E-commerce',
|
|
screenshot: 'hygge-bootstrap',
|
|
path: 'hygge-ecommerce-code/html+css+bootstrap5(gulp4)',
|
|
framework: 'HTML/Gulp + Bootstrap 5',
|
|
rating: 4,
|
|
features: ['E-commerce', 'Shop', 'Bootstrap'],
|
|
components: '30+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'E-commerce stores',
|
|
tier: 2,
|
|
port: 3049,
|
|
},
|
|
|
|
// Fitness Templates
|
|
{
|
|
id: 40,
|
|
name: 'fitnesspro',
|
|
displayName: 'FitnessPro (HTML)',
|
|
category: 'Fitness',
|
|
screenshot: 'fitnesspro',
|
|
path: 'FitnessPro/html',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Fitness', 'Booking', 'Classes'],
|
|
components: '30+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Fitness/wellness apps',
|
|
tier: 3,
|
|
port: 3100,
|
|
},
|
|
|
|
// === BENTO CARDS - HTML Variants ===
|
|
|
|
{
|
|
id: 41,
|
|
name: 'bento-v3-html-final',
|
|
displayName: 'Bento Cards v3 (HTML)',
|
|
category: 'Bento Cards',
|
|
screenshot: 'bento-v3-html-final',
|
|
path: 'bento-3/html',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Bento Layout', 'v3', 'HTML'],
|
|
components: '30 layouts',
|
|
easeOfSetup: 3,
|
|
useCase: 'Bento card layouts v3 HTML',
|
|
tier: 3,
|
|
port: 3090,
|
|
},
|
|
{
|
|
id: 42,
|
|
name: 'bento-v4-html',
|
|
displayName: 'Bento Cards v4 (HTML)',
|
|
category: 'Bento Cards',
|
|
screenshot: 'bento-v4-html',
|
|
path: 'bentocards-v4-crypto-design-code_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh/html',
|
|
framework: 'HTML/CSS',
|
|
rating: 3,
|
|
features: ['Bento Layout', 'Crypto', 'HTML'],
|
|
components: '30 layouts',
|
|
easeOfSetup: 3,
|
|
useCase: 'Crypto bento card layouts',
|
|
tier: 3,
|
|
port: 3091,
|
|
},
|
|
{
|
|
id: 43,
|
|
name: 'bento-v4-react',
|
|
displayName: 'Bento Cards v4 (React)',
|
|
category: 'Bento Cards',
|
|
screenshot: 'bento-v4-react',
|
|
path: 'bentocards-v4-crypto-design-code_NTYzMTNhYmE3M2NhNzYyZjcyZmZhNjZh/react',
|
|
framework: 'React 18',
|
|
rating: 4,
|
|
features: ['Bento Layout', 'Crypto', 'React'],
|
|
components: '30 layouts',
|
|
easeOfSetup: 4,
|
|
useCase: 'Crypto bento card layouts',
|
|
tier: 2,
|
|
port: 3092,
|
|
},
|
|
|
|
// === FOLIO PORTFOLIO TEMPLATES (24 variants) ===
|
|
|
|
{
|
|
id: 45,
|
|
name: 'folio-html',
|
|
displayName: 'Folio Main',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-html',
|
|
path: 'Folio - HTML Templates/02-Folio HTML',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Portfolio', 'Multi-layout', 'Creative'],
|
|
components: '20+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Creative portfolios',
|
|
tier: 3,
|
|
port: 3050,
|
|
},
|
|
{
|
|
id: 46,
|
|
name: 'folio-full',
|
|
displayName: 'Folio Full',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-full',
|
|
path: 'Folio - HTML Templates/02-Folio HTML',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Portfolio', 'Full-width', 'Creative'],
|
|
components: '20+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Creative portfolios',
|
|
tier: 3,
|
|
port: 3050,
|
|
},
|
|
{
|
|
id: 47,
|
|
name: 'folio-main',
|
|
displayName: 'Folio Index',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-main',
|
|
path: 'Folio - HTML Templates/02-Folio HTML',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Portfolio', 'Index', 'Hub'],
|
|
components: '20+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Portfolio hub page',
|
|
tier: 3,
|
|
port: 3050,
|
|
},
|
|
{
|
|
id: 48,
|
|
name: 'folio-about',
|
|
displayName: 'Folio About',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-about',
|
|
path: 'Folio - HTML Templates/about',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['About', 'Bio', 'Profile'],
|
|
components: '5+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'About pages',
|
|
tier: 3,
|
|
port: 3060,
|
|
},
|
|
{
|
|
id: 49,
|
|
name: 'folio-contact',
|
|
displayName: 'Folio Contact',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-contact',
|
|
path: 'Folio - HTML Templates/contact',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Contact', 'Form', 'Communication'],
|
|
components: '5+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Contact pages',
|
|
tier: 3,
|
|
port: 3061,
|
|
},
|
|
{
|
|
id: 50,
|
|
name: 'folio-creative-agency-1',
|
|
displayName: 'Folio Creative Agency 1',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-creative-agency-1',
|
|
path: 'Folio - HTML Templates/creative-agency-1',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Agency', 'Creative', 'Modern'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Creative agency portfolios',
|
|
tier: 3,
|
|
port: 3062,
|
|
},
|
|
{
|
|
id: 51,
|
|
name: 'folio-creative-agency-2',
|
|
displayName: 'Folio Creative Agency 2',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-creative-agency-2',
|
|
path: 'Folio - HTML Templates/creative-agency-2',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Agency', 'Creative', 'Variant'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Creative agency portfolios',
|
|
tier: 3,
|
|
port: 3063,
|
|
},
|
|
{
|
|
id: 52,
|
|
name: 'folio-creative-designer-1',
|
|
displayName: 'Folio Creative Designer 1',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-creative-designer-1',
|
|
path: 'Folio - HTML Templates/creative-designer-1',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Designer', 'Portfolio', 'Creative'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Designer portfolios',
|
|
tier: 3,
|
|
port: 3064,
|
|
},
|
|
{
|
|
id: 53,
|
|
name: 'folio-creative-designer-2',
|
|
displayName: 'Folio Creative Designer 2',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-creative-designer-2',
|
|
path: 'Folio - HTML Templates/creative-designer-2',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Designer', 'Portfolio', 'Variant'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Designer portfolios',
|
|
tier: 3,
|
|
port: 3065,
|
|
},
|
|
{
|
|
id: 54,
|
|
name: 'folio-creative-developer-1',
|
|
displayName: 'Folio Creative Developer 1',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-creative-developer-1',
|
|
path: 'Folio - HTML Templates/creative-developer-1',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Developer', 'Portfolio', 'Tech'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Developer portfolios',
|
|
tier: 3,
|
|
port: 3066,
|
|
},
|
|
{
|
|
id: 55,
|
|
name: 'folio-creative-developer-2',
|
|
displayName: 'Folio Creative Developer 2',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-creative-developer-2',
|
|
path: 'Folio - HTML Templates/creative-developer-2',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Developer', 'Portfolio', 'Variant'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Developer portfolios',
|
|
tier: 3,
|
|
port: 3067,
|
|
},
|
|
{
|
|
id: 56,
|
|
name: 'folio-creative-photography-1',
|
|
displayName: 'Folio Photography 1',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-creative-photography-1',
|
|
path: 'Folio - HTML Templates/creative-photography-1',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Photography', 'Gallery', 'Creative'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Photography portfolios',
|
|
tier: 3,
|
|
port: 3068,
|
|
},
|
|
{
|
|
id: 57,
|
|
name: 'folio-creative-photography-2',
|
|
displayName: 'Folio Photography 2',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-creative-photography-2',
|
|
path: 'Folio - HTML Templates/creative-photography-2',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Photography', 'Gallery', 'Variant'],
|
|
components: '15+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Photography portfolios',
|
|
tier: 3,
|
|
port: 3069,
|
|
},
|
|
{
|
|
id: 58,
|
|
name: 'folio-grid-2',
|
|
displayName: 'Folio Grid 2 Columns',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-grid-2',
|
|
path: 'Folio - HTML Templates/grid-2',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Grid', '2 Columns', 'Layout'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: '2-column portfolio grids',
|
|
tier: 3,
|
|
port: 3070,
|
|
},
|
|
{
|
|
id: 59,
|
|
name: 'folio-grid-3',
|
|
displayName: 'Folio Grid 3 Columns',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-grid-3',
|
|
path: 'Folio - HTML Templates/grid-3',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Grid', '3 Columns', 'Layout'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: '3-column portfolio grids',
|
|
tier: 3,
|
|
port: 3071,
|
|
},
|
|
{
|
|
id: 60,
|
|
name: 'folio-grid-3-fluid',
|
|
displayName: 'Folio Grid 3 Fluid',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-grid-3-fluid',
|
|
path: 'Folio - HTML Templates/grid-3-fluid',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Grid', 'Fluid', 'Responsive'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Fluid 3-column grids',
|
|
tier: 3,
|
|
port: 3072,
|
|
},
|
|
{
|
|
id: 61,
|
|
name: 'folio-grid-4',
|
|
displayName: 'Folio Grid 4 Columns',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-grid-4',
|
|
path: 'Folio - HTML Templates/grid-4',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Grid', '4 Columns', 'Layout'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: '4-column portfolio grids',
|
|
tier: 3,
|
|
port: 3073,
|
|
},
|
|
{
|
|
id: 62,
|
|
name: 'folio-grid-4-fluid',
|
|
displayName: 'Folio Grid 4 Fluid',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-grid-4-fluid',
|
|
path: 'Folio - HTML Templates/grid-4-fluid',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Grid', 'Fluid', 'Responsive'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Fluid 4-column grids',
|
|
tier: 3,
|
|
port: 3074,
|
|
},
|
|
{
|
|
id: 63,
|
|
name: 'folio-masonry-2',
|
|
displayName: 'Folio Masonry 2 Columns',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-masonry-2',
|
|
path: 'Folio - HTML Templates/masonry-2',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Masonry', '2 Columns', 'Layout'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: '2-column masonry layouts',
|
|
tier: 3,
|
|
port: 3075,
|
|
},
|
|
{
|
|
id: 64,
|
|
name: 'folio-masonry-3',
|
|
displayName: 'Folio Masonry 3 Columns',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-masonry-3',
|
|
path: 'Folio - HTML Templates/masonry-3',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Masonry', '3 Columns', 'Layout'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: '3-column masonry layouts',
|
|
tier: 3,
|
|
port: 3076,
|
|
},
|
|
{
|
|
id: 65,
|
|
name: 'folio-masonry-3-fluid',
|
|
displayName: 'Folio Masonry 3 Fluid',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-masonry-3-fluid',
|
|
path: 'Folio - HTML Templates/masonry-3-fluid',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Masonry', 'Fluid', 'Responsive'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Fluid 3-column masonry',
|
|
tier: 3,
|
|
port: 3077,
|
|
},
|
|
{
|
|
id: 66,
|
|
name: 'folio-masonry-4',
|
|
displayName: 'Folio Masonry 4 Columns',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-masonry-4',
|
|
path: 'Folio - HTML Templates/masonry-4',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Masonry', '4 Columns', 'Layout'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: '4-column masonry layouts',
|
|
tier: 3,
|
|
port: 3078,
|
|
},
|
|
{
|
|
id: 67,
|
|
name: 'folio-masonry-4-fluid',
|
|
displayName: 'Folio Masonry 4 Fluid',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-masonry-4-fluid',
|
|
path: 'Folio - HTML Templates/masonry-4-fluid',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Masonry', 'Fluid', 'Responsive'],
|
|
components: '10+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Fluid 4-column masonry',
|
|
tier: 3,
|
|
port: 3079,
|
|
},
|
|
{
|
|
id: 68,
|
|
name: 'folio-portfolio-details',
|
|
displayName: 'Folio Details 1',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-portfolio-details',
|
|
path: 'Folio - HTML Templates/portfolio-details',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Details', 'Project', 'Showcase'],
|
|
components: '8+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Portfolio detail pages',
|
|
tier: 3,
|
|
port: 3080,
|
|
},
|
|
{
|
|
id: 69,
|
|
name: 'folio-portfolio-details-2',
|
|
displayName: 'Folio Details 2',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-portfolio-details-2',
|
|
path: 'Folio - HTML Templates/portfolio-details-2',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Details', 'Project', 'Variant'],
|
|
components: '8+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Portfolio detail pages',
|
|
tier: 3,
|
|
port: 3081,
|
|
},
|
|
{
|
|
id: 70,
|
|
name: 'folio-portfolio-details-3',
|
|
displayName: 'Folio Details 3',
|
|
category: 'Folio Portfolio',
|
|
screenshot: 'folio-portfolio-details-3',
|
|
path: 'Folio - HTML Templates/portfolio-details-3',
|
|
framework: 'HTML/Gulp',
|
|
rating: 3,
|
|
features: ['Details', 'Project', 'Alt Variant'],
|
|
components: '8+ comp',
|
|
easeOfSetup: 3,
|
|
useCase: 'Portfolio detail pages',
|
|
tier: 3,
|
|
port: 3082,
|
|
},
|
|
];
|
|
|
|
// Category counts for stats
|
|
export const CATEGORY_STATS = {
|
|
'AI/SaaS': 1,
|
|
'Social Media': 1,
|
|
'Dashboard': 5,
|
|
'Portfolio': 7,
|
|
'SaaS': 6,
|
|
'Component Library': 1,
|
|
'E-commerce': 3,
|
|
'Bento Cards': 9,
|
|
'Landing': 2,
|
|
'Fitness': 2,
|
|
'Business': 4,
|
|
'Hospitality': 1,
|
|
'Folio Portfolio': 24,
|
|
'App': 1,
|
|
};
|
|
|
|
export const TOTAL_TEMPLATES = templates.length;
|
|
export const CATEGORIES = Object.keys(CATEGORY_STATS);
|