Skip to main content

Templates

Start faster with professionally designed templates that you can customize for your needs.

Template Categories

Landing Pages

Marketing-focused templates:

  • SaaS Launch - Product announcements and signups
  • Agency Portfolio - Showcase work and services
  • App Landing - Mobile app promotion
  • Event - Conferences and meetups
  • Product - E-commerce product pages

Dashboards

Admin and analytics templates:

  • Analytics Dashboard - Charts, metrics, and data visualization
  • Admin Panel - User management and settings
  • CRM - Customer relationship management
  • Project Management - Tasks and team collaboration

E-commerce

Online store templates:

  • Product Catalog - Browse and filter products
  • Store Front - Full shopping experience
  • Checkout - Cart and payment flow

Portfolio

Personal and professional showcases:

  • Developer Portfolio - Projects and skills
  • Designer Portfolio - Visual work gallery
  • Agency - Team and case studies

Blogs & Content

Content management templates:

  • Blog - Articles and posts
  • Documentation - Technical docs
  • Knowledge Base - FAQ and guides

Using Templates

Browse Templates

  1. Click New Project on your dashboard
  2. Select From Template
  3. Browse categories or search
  4. Preview templates before selecting

Preview a Template

Click any template to see:

  • Full page preview
  • Included pages and sections
  • Features and integrations
  • Customization options

Use a Template

  1. Click Use Template
  2. Name your project
  3. Template is cloned to your account
  4. Open in editor to customize

Customizing Templates

Templates are fully editable. After creation, customize:

Content

Replace placeholder content:

  • Edit text directly in the preview
  • Upload your own images
  • Update links and buttons

Styling

Modify the visual design:

  • Change colors in the theme settings
  • Update typography
  • Adjust spacing and layout

Structure

Reorganize the layout:

  • Reorder sections
  • Remove unwanted components
  • Add new sections with AI

Functionality

Extend features:

  • Connect your own APIs
  • Add authentication
  • Integrate payments

Template Features

Templates may include:

FeatureDescription
ResponsiveMobile, tablet, desktop layouts
Dark ModeLight/dark theme toggle
AnimationsScroll and interaction effects
FormsContact and signup forms
AuthenticationLogin and signup flows
CMSContent management system
PaymentsStripe integration
EmailContact form with email

Check the template details for included features.

Creating Templates

Save as Template

Turn your project into a reusable template:

  1. Build your project
  2. Go to Project Settings
  3. Click Save as Template
  4. Add title, description, and preview image
  5. Choose visibility (private or public)

Template Requirements

For quality templates:

  • Responsive on all devices
  • Clean, well-organized code
  • No hardcoded personal data
  • Placeholder content that's easy to replace
  • Documentation of features

Sharing Templates

Private Templates

  • Only visible to you
  • Use for personal reuse

Team Templates (Team plan)

  • Shared with your team
  • Maintain brand consistency

Public Templates

  • Submit for review
  • Featured in template gallery
  • Earn credits when others use them

Template Marketplace

Curated, high-quality templates reviewed by our team.

Community Templates

Templates created and shared by INSTROC users.

Premium Templates

Advanced templates with additional features, available with Pro plans.

Tips

Start Close to Your Goal

Choose the template most similar to what you're building—less customization needed.

Don't Over-Customize

If you're changing everything, consider starting from scratch instead.

Learn from Templates

Study template code to learn best practices and patterns.

Combine Templates

Use components from multiple templates in one project.