TikTok Style Text Maker
Create eye-catching TikTok-style glitch text — customize, preview, and download instantly.
About TikTok Style Text Maker
TikTok Style Text Maker is a free online tool that generates the iconic chromatic aberration glitch effect seen across TikTok content. It renders your text as a bold PNG image using three stacked canvas layers: a cyan copy offset to the upper-left, a red or pink copy offset to the lower-right, and a white main layer drawn on top. The overlap creates the split-colour illusion that has become shorthand for short-form video aesthetics, viral thumbnails, and energetic social graphics.
You control every parameter that shapes the final look. The font size slider ranges from 40 px to 200 px so the text scales cleanly from a compact caption overlay to a full-bleed thumbnail title. The jitter amplitude slider sets how far the colour layers are offset — 0 px gives clean flat text, while values above 30 px produce an exaggerated split that reads well on small mobile screens. The background, main text, left shadow, and right shadow all have independent colour pickers so you can match a brand palette or go beyond the default dark-purple, cyan, and red combination. A transparent-background toggle outputs a PNG with no fill, ready to composite over any photo or video frame in an external editor.
Every step runs inside your browser using the HTML Canvas API. Your text is never sent to a server, logged, or stored anywhere — it exists only on your screen until you click Download. There are no file-size limits, no watermarks, no account required, and no usage caps. The output PNG is named tiktok-style-text.png and downloads immediately at the exact pixel dimensions the canvas calculated from your settings.
Key Features
Chromatic aberration in three canvas layers
Cyan, red or pink, and white copies of your text are drawn at configurable offsets on a single canvas, producing the glitch split-colour look without any external library or plugin.
Adjustable jitter amplitude (0–50 px)
Drag the jitter slider to dial in the exact split distance. Low values work for subtle branded graphics; higher values create the exaggerated effect suited for eye-catching thumbnails.
Independent colour pickers for all four channels
Background, main text, left shadow, and right shadow each have their own colour picker and hex input, so you can precisely match a brand colour system or experiment freely.
Transparent background PNG export
Toggle transparent background on before downloading to get a PNG with no fill, which layers cleanly over video frames, photos, or design canvases without manual masking.
Live canvas preview on every change
The canvas re-renders instantly whenever you type, move a slider, or pick a colour, so you see the exact output before downloading rather than toggling between edit and preview modes.
Browser-only, no upload required
Text rendering uses the Canvas API locally. Nothing leaves your device, making the tool safe for draft content, branded copy, and internal campaign assets that should not reach external servers.
How to Use
Enter Text
Type your desired text in the input field. The live preview updates instantly as you type.
Customize Effect
Adjust the font size, jitter amplitude (glitch intensity), and colors to get the perfect TikTok-style look.
Download Image
Click "Download" to save your TikTok-style text as a PNG image, with or without a transparent background.
Example
Type a short phrase, set jitter to 20 px, and the tool renders three offset canvas layers — cyan upper-left, red lower-right, white centre — into a single downloadable PNG.
Text: "NEW DROP"
Font size: 120 px
Jitter amplitude: 20 px
Left shadow: #00f2ea (cyan)
Right shadow: #ff0050 (red)
Main text: #ffffff (white)
Background: #18122B
Transparent BG: offCanvas PNG — 3 stacked layers:
1. Cyan "NEW DROP" offset 20 px left and 10 px up
2. Red "NEW DROP" offset 20 px right and 10 px down
3. White "NEW DROP" centred on top
File: tiktok-style-text.png
Dimensions auto-fit to text + paddingCommon Use Cases
- arrow_circle_right
Video thumbnail title cards
Short-form video creators use glitch-style text as a headline overlay on YouTube Shorts and TikTok covers because the high-contrast split colour pops on small mobile thumbnails where plain white text disappears.
- arrow_circle_right
Instagram Reels and Stories graphics
Content designers generate text badges and call-to-action labels with the chromatic aberration effect, then export as transparent PNGs to drop into Canva, Figma, or CapCut without background removal steps.
- arrow_circle_right
Branded campaign hashtag art
Marketing teams create a consistent visual shorthand for a launch campaign by setting custom brand hex values in the shadow colour pickers, then using the exported PNG across paid and organic social posts.
- arrow_circle_right
Gaming stream overlays and intro cards
Twitch and YouTube Gaming streamers use the glitch aesthetic for scene transition titles and overlay labels, exporting transparent PNGs that composite over capture card footage in OBS or Streamlabs.
- arrow_circle_right
Meme and reaction image text
The TikTok glitch style has crossed over into meme formats. Users generate a phrase, download the transparent PNG, and paste it onto a still image or video frame for a visually distinct post that stands out in feeds.