Framer Development · 2025–26

India's
first
Agentic
Payment Site.

Took the Figma handover for Razorpay's boldest product launch — AI agents that pay on your behalf — and built it production-ready in Framer across five breakpoints.

razorpay · agent console
active
Ask agent to pay...
0+
Breakpoints
0+
Partners
0
Surfaces
0
Issues
OpenAINPCIAnthropic ClaudeVodafone IdeabigbasketZomatoPVR INOXElevenLabsSarvam AIAxis BankUPI Reserve PayBluestoneHonasa
OpenAINPCIAnthropic ClaudeVodafone IdeabigbasketZomatoPVR INOXElevenLabsSarvam AIAxis BankUPI Reserve PayBluestoneHonasa
Overview

Figma received.
Framer shipped.

The launch microsite for Razorpay's most ambitious product story of 2025–26. Full Figma handover translated into production-grade Framer across five breakpoints and three product surfaces.

Framer Development Figma → Framer 5+ Breakpoints Multi-partner integration Scroll interactions CMS wiring Production deploy
🎨
Input
Figma Design Handover
Full-fidelity design specs from Razorpay's team — all sections, states, breakpoints, and animation intent documented.
🚀
Output
Production Framer Site
Live at razorpay.com/agentic-payments — pixel-perfect, responsive, animated, and deployed on Razorpay's infrastructure.
🤝
Scale
10+ Partner Brands
OpenAI, NPCI, Anthropic, ElevenLabs, Sarvam AI, Zomato, bigbasket, Vodafone Idea, PVR INOX, Honasa, Bluestone.
Stack
Framer · CMS · Interactions
Custom scroll reveals, CMS-driven product cards, video integration, infinite marquee, and multi-breakpoint responsive tuning.
The brief

Commerce is shifting from clicks to conversations. Razorpay needed a site that declared that shift — confidently, beautifully, and live on day one.

Product Suite

Three surfaces.
One agentic stack.

Each pillar required distinct visual treatment, unique partner logos, and interactive demo content — all translated faithfully from Figma to Framer.

01 / 03
🛍️

In-App Commerce

AI-triggered checkout embedded inside apps. Recommendations become transactions without leaving the experience.

ZomatoPVR INOXBluestoneHonasaViLive Beta
02 / 03
💬

Payments on LLMs

Complete UPI purchases inside ChatGPT and Claude conversations. AI discovery becomes instant transaction.

OpenAIAnthropicNPCIbigbasketUPI Reserve Pay
03 / 03
🎙️

Voice AI Payments

Discover, decide, pay through voice. Secure auth and UPI compliance in the background.

ElevenLabsSarvam AIClaudeVoice UPI
Development Process

From handoff
to live.

Six phases from Figma audit to production deploy — building one of Razorpay's highest-visibility product pages demanded rigorous component thinking and obsessive responsive discipline.

akshat@razorpay ~ /projects/agentic-payments
# ── 01 Figma handover audit
figma export --file=agentic-v3 --tokens --components --variants
47 components · 12 variant sets · 6 breakpoints · design tokens exported
# ── 02 Component library
framer build:components hero pillar-cards marquee video testimonials cta
CMS-driven content · variant-aware components · partner logo system
# ── 03 Interactions & animation
framer add:interactions --scroll-reveals --hover-states --marquee --video
60fps across all targets · intersection-triggered reveals · no layout shift
# ── 04 Responsive — 5 breakpoints
framer breakpoints:tune --targets 390,768,1280,1440,2560
⚠ 4K scale: custom token override required for type ramp
All 5 breakpoints pixel-perfect against Figma specs
# ── 05 Partner assets (10+ brands)
assets integrate openai npci anthropic zomato bigbasket vi pvrinox elevenlabs sarvam
Brand hierarchy applied · Razorpay primary · partners secondary
# ── 06 Production deploy
framer publish --domain razorpay.com/agentic-payments --env prod
Published · 0 launch issues
▶ razorpay.com/agentic-payments · STATUS: LIVE
Launch Timeline

Every milestone,
shipped the day it landed.

Oct 2025

ChatGPT × NPCI × OpenAI Pilot

India's first conversational UPI payment. bigbasket becomes first merchant. Site launches alongside announcement.

World First
Feb 2026

Claude · India AI Impact Summit

NPCI + Anthropic Claude at India AI Summit, New Delhi. Voice AI launches with ElevenLabs and Sarvam AI.

India AI Summit
Mar 2026

Sprint 2026 · FTX · Agent Studio

100+ launches. FTX pilots live with Zomato, PVR INOX, Vi, Bluestone, Honasa. Agent Studio: world's first Claude-SDK payments marketplace.

Sprint 2026
Ongoing

UPI Circle · 40+ MCP Tools

Developer ecosystem growing. UPI Circle delegated payments in progress. New commerce verticals onboarding.

Live
01 / 04
Partner Voices

What partners said
at launch.

"

UPI was built to make digital payments simple, secure, and universal. Agentic Payments takes that vision into the next era — users give consent once and intelligent systems transact within approved limits.

SR
Sohini Rajola
ED – Growth, NPCI
"

Vi's collaboration with Razorpay on Agentic Payments combines AI intelligence and seamless execution for smarter, faster, and more secure transactions at scale.

JS
Jagbir Singh
CTO, Vodafone Idea
"

With Agentic Payments, we're enabling effortless shopping through AI assistants. From discovery to checkout — all in one conversation.

PJ
Preeti Jain
bigbasket, A TATA Enterprise
Responsive Design

Five breakpoints.
Every screen perfect.

Desktop, Desktop 2, 4K, Tablet, Phone — each individually tuned. Grids, type scales, video behaviour, and interaction patterns adapted per device.

razorpay.com/agentic-payments
Desktop · 1440px
Tablet · 768px
Mobile · 390px
Results

Shipped. Live.
Referenced.

The site launched as the primary digital face of Razorpay's biggest product story of 2025–26. Featured in international press, linked from global partner announcements.

0+
Breakpoints shipped
0+
Partner brands
0
Product surfaces
0
Launch issues
Business StandardRazorpay partners OpenAI to enable instant payments in AI-built apps
Outlook BusinessHow Razorpay is using AI agents to transform payments
The PaypersRazorpay and superU AI launch agentic payment system
Startups in AsiaRazorpay full-stack financial OS 2026