📦 Batch Export PNGs

Select quotes to export as PNG images. They'll download as a ZIP file.

0 quotes selected

✅ Reel Ready!

Your reel has been created.

Publishing setup required

Publishing is not connected yet. Download the reel and copy the caption/hashtags, or configure official API integration first.

☁️ Deploy to Cloudflare Pages

Deploy this HTML file as a live site in seconds using Wrangler. Choose a project name and run the commands below in your terminal.

1 · Name your project
2 · First-time setup (skip if project already exists)
3 · Build & deploy (run every time)
Requirements: Node.js ≥ 18 & Wrangler installed (npm i -g wrangler). Run wrangler login once to authenticate.
Result: Your tool will be live at https://quotes-reel-creator.pages.dev

⚙️ Settings

Manage media API keys and app password. Background audio provider keys must be configured as Cloudflare secrets, never stored in the browser.

🔑 Media API Keys
Free key at pexels.com/api
Free key at pixabay.com/api
Background Audio
Audio search uses only your Cloudflare backend route. Configure FREESOUND_API_KEY and/or JAMENDO_CLIENT_ID as Cloudflare Pages secrets. Pixabay is not used for audio.
🔒 App Password
✨ Quote Card & Reel Creator

Turn Quotes Into Stunning Reels

Design beautiful quote cards and export HD video reels — ready for Instagram, TikTok & WhatsApp.

Search Quotes
Browse by Category
Used Quotes 0
No quotes used yet.
Download a card or reel to track usage.
Theme
Watermark
✏️ Custom Quote
📐 Aspect Ratio
⬛1:1
Feed
📱9:16
Story
🖥️16:9
Wide
🎨 Solid Color Backgrounds
Override with a solid/gradient instead of a theme
Show Author / Source
🌐 Language
Preview
✨

Pick a category and generate a card

1080×1080 px — ready for social sharing
Export Quality
720p
SD
1080p
HD
1440p
QHD
4K
Ultra
Output: 1080×1080 px · ~24 Mbps watermark: YourBrand.com
🎵 Upload MP3/M4A

⏺ Recording…

Upload music optionally, set duration, then hit Create Reel. The watermark above is always embedded. Perfect for Instagram Reels, TikTok & WhatsApp Status.
Media Source
🔑 Pexels API Key
Get a free key at pexels.com/api — instant & free.
🔍 Search Media
Background Audio
Use only tracks shown here. Always check the displayed license before publishing.
💬 Quote for Reel
💾 Saved Presets
No presets saved yet
🎨 Overlay & Export
Visual Options
✍️Author
✨Text Glow
🏷Cat. Badge
🌅Fade
🔏Watermark
─Divider
Text Animation
🌅Fade In
⬆️Slide Up
🔍Scale In
⬛None
720p
SD
1080p
HD
1440p
QHD
4K
Ultra
Search for a photo or video background
🖼️

Search or pick a category above

Browse millions of free photos & videos
Search for royalty-free background audio
♫

Search music or sound effects

Configured royalty-free sources include provider, creator, license, and source links
Compose Preview
🖼️

Select a background & load a quote

Your composition will appear here

⏺ Recording…

Select a background, load a quote, optionally choose safe background audio, then hit Create Reel to export a 10-second video. Watermark is set in the overlay settings above.
📤 Upload Background
⬆️

Drop your photo or video here

Or click to browse • JPG, PNG, MP4, MOV, WEBM
💬 Quote for Reel
🎨 Overlay Options
Media info: No media loaded
Preview
📤

Upload a photo or video background

Then load a quote to preview your reel
🎵 Upload MP3/M4A

⏺ Recording…

Upload your background, load a quote, then hit Create Reel. Add background music from your device. Your watermark is always embedded.
🔥 Motivation Hub

Fuel Your Fire Daily

The largest curated motivation library — champions, discipline, hustle & more.

150
Quotes
10
Categories
150
Showing
Quote of the Day
"Loading…"
—
🔥

Loading quotes…

Publishing workflow

Publishing Dashboard

Manage generated quote reels, captions, hashtags, platform selections, and publishing status before handing work to official platform APIs.

0
Total reels
0
Draft
0
Ready
0
Posted
Direct publishing is intentionally backend-only. Meta and TikTok OAuth, app review, access tokens, and platform permission checks belong on secure server endpoints, not in this static HTML file.
Official API connections

Settings

Configure the safe integration points that a backend can later implement for Meta and TikTok publishing. This frontend never stores access tokens.

Instagram publishing requires the Meta Instagram Graph API or Instagram Platform content publishing, a professional Instagram account connected to a Facebook Page, OAuth, approved permissions, and backend-held tokens. Facebook Page posting requires Meta Pages API permissions and Page access tokens. TikTok direct posting requires the TikTok Content Posting API, OAuth, approved scopes such as video.publish, and creator privacy requirements.

Facebook Page

Setup required

Not connected yet. Real publishing requires OAuth, backend-held tokens, and approved API permissions.

pages_manage_posts pages_read_engagement pages_show_list

Instagram Business/Creator

Setup required

Not connected yet. Real publishing requires OAuth, backend-held tokens, and approved API permissions.

instagram_basic instagram_content_publish pages_read_engagement

TikTok

Setup required

Not connected yet. Real publishing requires OAuth, backend-held tokens, and approved API permissions.

video.publish video.upload creator info privacy settings