How to use TurabFB Maker

Complete guide for the free social post studio by TurabCoder. Create 1080×1350 posts with gradient text, images, logo, styles, cloud save, and PNG export.

1. What this app is

TurabFB Maker is a browser studio (PWA) for news-style social posts. Full photo with a black gradient under the text — no solid color bar. Steps: Image → Gradient → Headlines → Logo → Footer. Canva-style bottom dock.

• Size: 1080 × 1350 (4:5 Instagram / Facebook feed)
• UI chrome: Grok-style black / white / gray
• Post highlights: yellow / color boxes on words

2. 60-second quick start

1. 1Open maker.nanotoolz.dev
2. 2Tap Text → paste breaking news → Generate post
3. 3Tap Image → Search / Upload / URL for the photo
4. 4On the canvas: drag to pan, scroll to zoom
5. 5Tap Export for PNG download

Keyboard: Ctrl + Enter (or ⌘ + Enter) generates from the text box.

3. Black gradient (no solid bar)

Control in dock → Gradient:

• Black strength — how dark the fade becomes
• Fade starts at — where fade begins from the top of the image
• Presets: Soft · Medium · Hard · Deep

In Headline tab you can also move the text zone up/down on the gradient.

4. Text & highlights

• Generate splits your sentence into chips (segments).
• Tap a chip to toggle yellow (or color) highlight.
• Drag chips to reorder; double-tap to edit text; × to remove.
• Pick highlight color swatches or any hex color.
• Change font family and size in the Text panel.

5. Images

• Search — free web search (Wikimedia + Openverse via our API).
• Upload — any JPG/PNG/WebP; then frame with drag/zoom.
• URL — paste a direct image link; we fetch via proxy when needed.

After picking an image, the app often converts it to a local data URL so Export PNG works reliably.

6. Drag, zoom, frame

• Drag on the photo to pan (move subject).
• Scroll / pinch to zoom.
• Double-tap or Reset to center again.
• Zoom buttons in the Image panel: − / + / Reset.

7. Logo customization

Open the Logo tab:

• Upload your brand mark, or use default TC (TurabCoder).
• Remove BG — strip solid backgrounds from logo files.
• Show / hide logo.
• Width, Top, Left, Opacity sliders.
• Quick presets: Top-left · Top-right · Top-center.

8. Style, icons, presets

• Style — text color, social icon set, gap, size, opacity.
• Toggle footer icons on/off.
• Presets — built-in looks + your saved styles + cloud styles.
• Save current colors/fonts as a named style for reuse.

9. Cloud & admin

• Cloud tab — save / publish posts (free plan, stored on our server).
• Load or delete your cloud posts anytime on the same browser identity.
• Admin (/admin) — view all posts, manage global styles.

10. Export PNG

1. Finish framing + text.
2. Tap Export (top right).
3. File downloads as turabfb-….png at 1080×1350.

11. Ready samples

One-tap load into the studio (uses current background asset + different styles):

12. Pro tips & troubleshooting

• UI looks old: open in Private/Incognito or hard refresh. Service worker cache updates automatically.
• Image search empty: try shorter keywords (person name only); or Upload/URL.
• Text hard to read: raise Dark strength; lower Fade start %.
• Install app: browser menu → “Add to Home Screen” / Install (PWA).
• Theme: sun/moon icon toggles dark / light chrome (post canvas stays dark news style).