Name: iOS Message Notification Template
Uploaded: 2026-09-16T18:00:24.390Z
Duration: 6 s
Channel: Tintage
Description: Realistic iOS notification with app icon, animated title, and typewriter message text.

Edit template

Preview16:9

ui-elements

iOS Message Notification Template

Realistic iOS notification with app icon, animated title, and typewriter message text.

Fast Sharp Social

Editable fields6 fields

CategoryTitleDescriptionBadge 1Badge 2Badge 3HTML

<div class="flex h-full w-[460px] flex-col justify-between gap-5 rounded-2xl bg-white p-8 text-gray-950 shadow-xl">
  <div class="space-y-3">
    <div class="inline-flex w-fit rounded-full bg-gray-950 px-3 py-1 text-[11px] font-semibold uppercase tracking-wide text-white" data-type="text" data-editable="true" data-label="Category" data-id="template-category">ui-elements</div>
    <h2 class="text-4xl font-bold leading-tight" data-type="text" data-editable="true" data-label="Title" data-id="template-title">iOS Message Notification Template</h2>
    <p class="text-base leading-6 text-gray-600" data-type="typewriter" data-editable="true" data-label="Description" data-id="template-description">Realistic iOS notification with app icon, animated title, and typewriter message text.</p>
  </div>
  <div class="grid grid-cols-3 gap-2 text-center text-[11px] font-semibold uppercase tracking-wide text-gray-500">
    <span class="rounded-lg bg-gray-100 px-3 py-2" data-type="text" data-editable="true" data-label="Badge 1" data-id="template-badge-1">Fast</span>
    <span class="rounded-lg bg-gray-100 px-3 py-2" data-type="text" data-editable="true" data-label="Badge 2" data-id="template-badge-2">Sharp</span>
    <span class="rounded-lg bg-gray-100 px-3 py-2" data-type="text" data-editable="true" data-label="Badge 3" data-id="template-badge-3">Social</span>
  </div>
</div>

Download preview

Alpha channel and custom aspect ratios are supported on compatible templates.

Description

Realistic iOS notification with app icon, animated title, and typewriter message text.

Category

UI Elements

Specification

Feature	Specification
Resolution	720p HD, 1080p Full HD, 4K Ultra HD
Aspect Ratio	16:9, 9:16, 1:1, 4:3, 3:4
File Formats	.mp4 (H.264/H.265), .mov, .webm
Effects	Green screen chroma key, Alpha channel support
Duration	6 seconds
Compatibility	Final Cut Pro, Adobe Premiere, DaVinci Resolve, CapCut & more

More templates

Deep Sea

Titles Typography

Phone Mockup Template

Mockups

Search Bar Animation

Ui Elements

Twitter Post Template

Social Media

3D Phone Animation Template

Mockups

YouTube Video Player Template

Social Media

Instagram Post Template

Social Media

Instagram Comment Template

Social Media