Loading
T2 — App Landing Page Template with Phone Mockup — Lucidshade Framer Template
AI  /  Landing Page  /  SaaS  /  Startup
October 12, 2026
svgsvg66

T2 — App Landing Page Template with Phone Mockup

By Lucidshade

App landing page template for Framer: an editable phone mockup built in code, a live WebGL hero and 5 pages.

T2 — App Landing Page Template with Phone Mockup — Framer Template

T2 is an app landing page template for Framer, built around a fictional AI meeting-notes app (“Talk to Text”). The phone mockup is built in code: change screens, texts and colors in the properties panel instead of exporting screenshots.

What makes it different

– PhoneMockup code component: four app screens (Recording, Transcript, Summary, Library), light and dark theme, and a Screenshot property for your real app.

– Sticky “How it works” section: the phone stays in place and switches screens as you scroll.

– Live MeshGradient hero: a real shader, not a video, with editable colors.

– Every page passes WCAG AA contrast with the default colors.

Pages included (5)

– Home: hero, how it works, 6 features, use-case tabs, stats and testimonials, pricing teaser, FAQ, download call to action

– Pricing with a monthly/yearly toggle and comparison table

– Download page with setup steps

– Privacy page with table of contents

– Custom 404 page

– Desktop, tablet and phone layouts, shared color and text styles, AI agent instructions

Good to know

– No plugins or embeds: all components are code components in the project.

– All names, numbers and prices in the preview are fictional sample content.

– English copy, no Figma file.

Loading
svg

Quick Navigation

  • 1

    T2 — App Landing Page Template with Phone Mockup